:root {
	--main-bg-color: #1F1F1F;
	--light-green: #FF6D4E;
	--light-green-hover: #FF8C73;
	--light-green-active: #DE5A3E;
	--middle-grey: #333333;
	--word-part-bg: #DA4829;
	--dark-green-bg: #104D43;
	--link-grey: #989898;
	--link-grey-hover: #D2D2D2;
	--link-grey-active: #737373;
	--slide-grey: #454545;
	--copyright-light-grey: #B8B8B8;
	--white-text: #fff;
	--another-grey: #575757;
}

* {
	box-sizing: border-box;
	transition: ease .3s;
	font-family: 'Geometria';
	outline: 0;
	font-kerning: normal;
	text-rendering: optimizeLegibility;	
}

a {
	color: var(--white);
}

html {
	height: 100%;
	margin: 0;
	padding: 0;
	background: var(--main-bg-color);
}

body {
	margin: 0;
	padding: 0;
	color: #fff;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 160%;
	display: flex;
	flex-direction: column;
	min-height: 100%;
	min-width: 320px;
	position: relative;
	transition: none;
}
body.modal-open {
	overflow: hidden;
	padding-right: 17px;
	transition: none;
}

header {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  min-height: 100dvh;
  margin-top: -170px;
}


header .bg-cover {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	inset: 0;
	background: rgba(0, 0, 0, .4);
}

main {
	flex: 1;
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 180px;
}

footer {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.wrapper {
	max-width: 1140px;
	margin: 0 auto;
	width: 100%;
}

p,
li,
a,
span {
	margin: 0;
	font-weight: 400;
	font-size: 20px;
	line-height: 32px;
	letter-spacing: 0;
}

h1 {
	margin: 0;
	font-weight: 900;
	font-size: 90px;
	line-height: 108px;
	letter-spacing: 0;
}

h2 {
	margin: 0;
	font-weight: 400;
	font-size: 50px;
	line-height: 58px;
	letter-spacing: 0;
	font-family: 'Geometria-ExtraBold';
}

h2 span {
	background: var(--word-part-bg);
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	font-family: inherit;
	padding-right: 5px;
}

h3 {
	margin: 0;
	font-weight: 700;
	font-size: 28px;
	line-height: 34px;
	font-family: 'Geometria-Medium';
}

#policy {
	z-index: 99999;
}

.mediumbold {
	font-family: 'Geometria-Medium';
}

.extrabold {
	font-family: 'Geometria-ExtraBold';
}

.flex {
	display: flex;
	flex-wrap: wrap;
	z-index: 2;
}

.column {
	flex-direction: column;
}

.mobile {
	display: none;
}

.desktop {
	display: flex;
}

.btn {
	border-radius: 12px;
	border: 2px solid var(--light-green);
	display: inline-flex;
	color: var(--white);
	font-weight: 500;
	font-size: 20px;
	line-height: 160%;
	padding: 12px 26px;
	text-decoration: none;
	background: transparent;
	cursor: pointer;
	width: fit-content;
}


.btn:hover {
	border-color: var(--light-green-hover);
}

.btn:active {
	border-color: var(--light-green-active);
}


.btn.btn-full {
	background: var(--light-green);
	color: var(--main-bg-color);
	border-color: transparent;
}

.btn.btn-full:hover {
	background: var(--light-green-hover);
}

.btn.btn-full:active {
	background: var(--light-green-active);
}

.link-grey {
	color: var(--link-grey);
}

.link-grey:hover {
	color: var(--link-grey-hover);
}

.link-grey:active {
	color: var(--link-grey-active);
}
.go-ahead {
	min-height: 50px;
}
.go-ahead span {
	width: 68px;
	height: 22px;
	background-image: url("data:image/svg+xml,%3Csvg width='70' height='25' viewBox='0 0 70 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M69 1L35 23L1 0.999997' stroke='%23989898' stroke-width='2'/%3E%3C/svg%3E%0A");
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto;
	animation: arrow-bounce 1s infinite;
}

@keyframes arrow-bounce {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(10px); /* вниз */
	}
}

@media screen and (max-width: 1023px) {
	.mobile {
		display: flex;
	}

	.desktop {
		display: none;
	}
}

header .logo span {
	display: block;
}
	
.logo span {
	width: 180px;
	height: 25px;
	background-image: url("data:image/svg+xml,%3Csvg width='180' height='25' viewBox='0 0 180 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M94.6936 13.6576C92.5416 13.1656 89.6523 12.6227 90.1349 10.6849C90.3597 9.78498 91.4206 9.26904 93.0331 9.26904C96.0003 9.26904 96.5158 11.1558 96.5548 12.4787H99.6569V8.94807C97.6338 7.33423 94.9184 6.6833 93.0121 6.6833C88.975 6.6833 86.3015 8.43512 86.3015 11.6478C86.3015 14.7255 89.3406 16.2823 92.146 16.9093C94.5437 17.4462 96.6417 17.9712 96.2851 19.747C96.1112 20.6229 95.2001 21.7088 93.0331 21.7088C91.6664 21.7088 89.3916 21.3308 89.3916 17.6562H86.2835V21.6548C88.2158 23.3532 90.6839 24.3164 93.2549 24.3755C97.2861 24.3755 100.241 22.3477 100.241 18.7571C100.238 15.6464 97.5409 14.3085 94.6936 13.6576Z' fill='white'/%3E%3Cpath d='M134.573 21.7089C132.325 21.7089 130.248 19.7471 130.248 15.9015C130.248 15.6255 130.248 15.5595 130.248 15.5595H142.74C142.74 15.5595 143.01 6.68043 134.519 6.68043C129.403 6.68043 126.283 10.3671 126.283 15.5985C126.283 20.659 129.388 24.3876 134.519 24.3876C141.02 24.3876 142.363 18.8652 142.546 17.6563H139.18C138.58 19.4981 137.537 21.7089 134.573 21.7089ZM134.573 9.26917C138.119 9.26917 138.595 13.4417 138.595 13.4417H130.443C131.018 10.748 132.421 9.26917 134.573 9.26917Z' fill='white'/%3E%3Cpath d='M126.9 9.64406V7.18131H119.005V9.64406H121.688L118.514 18.1062L114.39 7.18131H110.487L112.271 11.8338L109.918 18.1032L106.927 9.65006H108.461V7.17831H100.63V9.64406H102.824L108.233 23.9166H110.805L113.802 15.8384L116.892 23.9166H119.365L124.706 9.64406H126.9Z' fill='white'/%3E%3Cpath d='M65.6371 12.4847V8.39912C64.9837 7.49922 63.4611 6.6833 62.0764 6.6833C58.7795 6.6833 57.4338 8.90907 57.4338 8.90907V7.18125H50.5403V9.644H53.4955V21.4418H50.5403V23.9136H60.5419V21.4418H57.5867V15.4064C57.5867 12.9707 58.4558 9.26904 60.8835 9.26904C62.1454 9.26904 62.511 10.4929 62.511 11.7048C62.511 12.3437 62.496 12.4907 62.496 12.4907L65.6371 12.4847Z' fill='white'/%3E%3Cpath d='M172.775 6.68332C170.827 6.68332 169.349 7.51724 168.402 9.28706V0H161.362V2.46575H164.476V21.4208H161.362V23.9106H167.901L168.201 22.4107C169.4 24.0036 170.671 24.4565 172.928 24.4565C177.097 24.4565 179.989 21.0699 179.989 15.4964C179.983 10.9249 177.864 6.68332 172.775 6.68332ZM172.22 21.7088C169.898 21.7088 168.3 20.005 168.3 15.9884V15.5324C168.3 12.9617 169.358 9.26906 171.921 9.26906C174.729 9.26906 176.048 11.7708 176.069 15.5324C176.087 18.5981 175.227 21.7088 172.22 21.7088Z' fill='white'/%3E%3Cpath d='M154.151 6.68332C152.203 6.68332 150.725 7.51724 149.778 9.28706V0H142.737V2.46575H145.852V21.4208H142.737V23.9106H149.277L149.577 22.4107C150.776 24.0036 152.047 24.4565 154.304 24.4565C158.473 24.4565 161.365 21.0699 161.365 15.4964C161.362 10.9249 159.243 6.68332 154.151 6.68332ZM153.596 21.7088C151.273 21.7088 149.676 20.005 149.676 15.9884V15.5324C149.676 12.9617 150.734 9.26906 153.297 9.26906C156.105 9.26906 157.424 11.7708 157.445 15.5324C157.466 18.5981 156.602 21.7088 153.596 21.7088Z' fill='white'/%3E%3Cpath d='M76.8766 14.0116L80.704 9.64402H82.8649V7.18127H75.33V9.64402H76.9185L73.5917 13.4416H72.2849V0H65.2595V2.47175H68.3676V21.4208H65.2595V23.9136H74.6437V21.4208H72.2849V15.5594H73.6067L77.6678 21.4148H76.1033V23.9136L79.4002 23.9166L82.2175 23.9136V23.9166H84.5763V21.4148H82.3854L76.8766 14.0116Z' fill='white'/%3E%3Cpath d='M46.3913 20.3469V12.2987C46.4261 11.324 46.2871 10.3509 45.9807 9.42502C45.1265 7.47521 42.471 6.67729 39.1202 6.67729C36.9802 6.67729 34.1119 7.95217 32.7632 8.90307V12.4817H35.7034C35.7034 11.2638 36.0031 9.28703 39.1711 9.28703C41.3351 9.28703 42.2822 9.94096 42.2822 12.3437V13.4086H39.6567C35.3917 13.4086 31.7951 15.1364 31.7951 19.615C31.7951 22.5217 34.1928 24.3725 37.3159 24.3725C40.5198 24.3725 41.5599 23.0256 42.3181 22.3297L42.6179 23.9105H49.3345V21.4418H46.5771L46.3913 20.3469ZM42.2612 16.5373C42.2792 19.147 41.1822 21.6848 38.248 21.7058C36.4497 21.7058 35.7363 20.3649 35.7274 19.156C35.7094 16.6933 37.2259 15.5564 39.9234 15.5564L42.2912 15.5384L42.2612 16.5373Z' fill='white'/%3E%3Cpath d='M27.9067 12.5447C27.9067 9.36504 26.7887 6.80929 22.8624 6.69531C20.3358 6.62031 18.8912 6.86929 16.8681 9.29904C16.8681 9.29904 15.0698 6.68631 12.0396 6.68631C9.77678 6.68631 8.20326 7.21425 6.88451 9.27205V7.17226H0V9.63501H2.9642V21.4208H0V23.9136H9.4351V21.4208H7.06434V14.7345C7.06434 12.2957 7.45996 9.26905 10.5141 9.26905C12.762 9.26905 13.3854 11.1889 13.3854 13.5136V21.4208H11.0146V23.9106H19.8503V21.4208H17.4855V14.1915C17.4855 11.2848 18.5225 9.27804 21.0072 9.27804C23.336 9.27804 23.8065 11.1889 23.8065 13.5136V21.4208H21.4388V23.9136H30.8379V21.4208H27.8737L27.9067 12.5447Z' fill='white'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	z-index: 2;
}

header .wrapper {
	padding: 200px 0 142px 0;
	gap: 35px;
}

header .main-header {
	font-size: 70px;
	line-height: 84px;
	max-width: 742px;
	margin-top: 30px;
	z-index: 2;
	font-family: 'Geometria-ExtraBold';
	letter-spacing: 0;
	font-weight: 400;
}

header .main-description {
	max-width: 815px;
	font-weight: 500;
	font-size: 30px;
	line-height: 39px;
	z-index: 2;
}

header .buttons {
	gap: 25px;
	z-index: 2;
	margin-bottom: 30px;
}

.sticky-nav {
	position: sticky;
	top: 0;
	z-index: 10;
	margin-top: 90px;
	transition: ease .3s;
}

.sticky-nav .wrapper {
	align-items: center;
}

.sticky-nav .logo {
	height: 60px;
	transition: ease .5s;
	background-size: auto 20px;
	display: flex;
	align-items: center;
}

.sticky-nav.scrolled {
	background: var(--middle-grey);
}
.sticky-nav.moving {
	background: rgba(51, 51, 51, 0.5);
	backdrop-filter: blur(2px);
	transform: translateZ(0);
	will-change: transform, backdrop-filter;
}

.sticky-nav .logo {
	width: 180px;
}
.sticky-nav .logo span {
	width: 100%;
	height: 25px;
	display: block;
	cursor: pointer;
}


.sticky-nav .wrapper {
	gap: 28px;
	padding: 10px 0;
}

.sticky-nav .menu {
	align-items: stretch;
	flex: 1;
	padding-top: 18px;
}

.sticky-nav ul {
	list-style: none;
	gap: 35px;
	padding: 0;
	margin: 0;
	align-items: stretch;
	width: 100%;
	overflow: hidden;
	justify-content: end;
	transition: ease .3s;
}
.sticky-nav.scrolled ul {
	transition: ease .3s;
}
.sticky-nav.scrolled .menu {
	padding-top: 10px;
}
.sticky-nav ul li {
	display: flex;
	align-items: stretch;
	transition: ease .3s;
	opacity: 1;
}

.sticky-nav ul a {
	text-decoration: none;
	display: flex;
	align-items: center;
	border-bottom: 2px solid transparent;
	font-size: 14px;
	line-height: 100%;
}

.sticky-nav.scrolled ul li.visible a {
	color: var(--light-green);
	border-bottom: 2px solid var(--light-green);
}

.sticky-nav.scrolled ul {
	padding:  0;
	justify-content: start;
}

.sticky-nav.scrolled ul a {
	font-size: 14px;
	line-height: 26px;
}

.sticky-nav .btn {
	opacity: 0;
	width: 0;
	padding: 0;
	white-space: nowrap;
	overflow: hidden;
	transition: ease .3s;
}

.sticky-nav.scrolled .btn {
	opacity: 1;
	font-size: 20px;
	line-height: 32px;
	padding: 12px 26px;
	width: fit-content;
	display: flex;
	height: auto;
	transition: ease .3s;
}
.sticky-nav.scrolled ul li.visible a {
	border: 0;
	padding-right: 20px;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23FF6D4E'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: right center;
}
.sticky-nav.scrolled ul li:not(.visible) {
	display: none;
	opacity: 0;
	transition: ease .3s;
}

.planet>div {
	flex: 1;
}

.planet .text {
	gap: 20px;
	margin-top: 40px;
}
.planet .text p,
.planet .text ul {
	max-width: 450px;
}

.planet .text h2 {
	margin-bottom: 20px;
}

.planet {
	background-repeat: no-repeat;
	background-position: center right;
	background-size: 500px auto;
}

.planet ul {
	margin: 0;
	gap: 20px;
	padding-left: 30px;
}

.planet-bg {
	background-repeat: no-repeat;
	background-size: auto;
	min-height: 700px;
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
}
.planet-map {
	min-height: 645px;
	background-size: contain;
}

.planet-one {
	background-position: right 0 top 0;
	background-image: url('images/matters-1.svg');
}


.planet-two {
	background-position: top 0 right 0;
	background-image: url('images/who-1.svg?n11');
}
.planet-two .planet-map {
	min-height: 660px;
}


.who-list {
	gap: 25px 26px;
	margin-top: 6px;
}

.who-list-item {
	width: calc(50% - 15px);
	gap: 15px;
	line-height: 30px;
	text-align: left;
}
.who-list-item div {
	font-size: 20px;
	line-height: 32px;
}
.who-list-item div:nth-of-type(1) {
	color: var(--light-green);
	font-size: 30px;
	line-height: 39px;
	font-family: 'Geometria-Medium';
}
#whoweare h2 {
	text-align: center;
	width: 100%;
}
#we-help {
	gap: 50px;
}

#we-help h2 {
	text-align: center;
}

#we-help .help-list-item-description {
	padding-left: 20px;
	padding-right: 20px;
}
#we-help .help-list-item-description {
	padding-bottom: 30px;
}
.no-bg {
	background: none;
}

.help-list {
	gap: 30px;
	align-items: start;
}

.help-list-item {
	flex: 1;
	width: calc(30% - 20px);
	gap: 20px;
	background: var(--middle-grey);
	border-radius: 20px;
	overflow: hidden;
}

.bounce:hover {
	animation: bounce .3s ease;
}

@keyframes bounce {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-10px);
	}

	100% {
		transform: translateY(0);
	}
}

.help-list-item-description {
	gap: 15px;
}

.help-list-item-description * {
	line-height: 30px;
}
.help-list-item-description ul,
.help-list-item-description ol {
	padding-left: 25px;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.help-list-item-description a, 
.help-list-item-description span {
	width: 100%;
	text-align: center;
	justify-content: center;
	color: #fff !important;
}

.help-list-item-image {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	padding-top: 360px;
	width: 100%;
}

.approach-like, #problems {
	gap: 50px;
}

.approach-header {
	gap: 60px;
}

.approach-header h2 {
	text-align: center;
}

.approach-header p {
	flex: 1;
	margin: 0;
}

.approach-list {
	gap: 30px;
	position: relative;
}

.approach-list-item {
	border-radius: 20px;
	background: var(--dark-green-bg);
	padding: 30px 40px;
	gap: 15px;
	width: calc(50% - 15px);
}
.approach-list-item-header {
	font-size: 30px;
	line-height: 39px;
	font-weight: 500;
}

.approach-list-item-description {
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;	
}
.approach-list-item-description .link {
	text-decoration: underline;
	cursor: pointer;
}

.approach-list-item-icon {
	width: 52px;
	height: 52px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.approach-list-item-icon.icon-1 {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23 0.25C10.4355 0.25 0.25 10.4355 0.25 23C0.25 35.5645 10.4355 45.75 23 45.75C35.5645 45.75 45.75 35.5645 45.75 23C45.75 10.4355 35.5645 0.25 23 0.25ZM3.5 23C3.5 12.2304 12.2304 3.5 23 3.5C27.7998 3.5 32.1945 5.23413 35.5919 8.11004L8.11004 35.5919C5.23413 32.1945 3.5 27.7998 3.5 23ZM10.4081 37.89C13.8055 40.7659 18.2002 42.5 23 42.5C33.7696 42.5 42.5 33.7696 42.5 23C42.5 18.2002 40.7659 13.8055 37.89 10.4081L10.4081 37.89Z' fill='%23FF6D4E'/%3E%3C/svg%3E%0A");
}

.approach-list-item-icon.icon-2 {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5002 13.8824C15.0544 13.8824 13.8824 15.0544 13.8824 16.5002C13.8824 17.946 15.0544 19.118 16.5002 19.118C17.946 19.118 19.118 17.946 19.118 16.5002C19.118 15.0544 17.946 13.8824 16.5002 13.8824Z' fill='%23FFC600'/%3E%3Cpath d='M26.8887 16.5001C26.8887 15.0579 28.0579 13.8887 29.5001 13.8887C30.9423 13.8887 32.1115 15.0579 32.1115 16.5001C32.1115 17.9423 30.9423 19.1115 29.5001 19.1115C28.0579 19.1115 26.8887 17.9423 26.8887 16.5001Z' fill='%23FFC600'/%3E%3Cpath d='M14.8434 33.0687C15.0643 31.9646 15.758 30.2161 17.0865 28.7721C18.3754 27.3711 20.2595 26.25 23 26.25C25.7405 26.25 27.6246 27.3711 28.9135 28.7721C30.242 30.2161 30.9357 31.9646 31.1566 33.0687L34.3434 32.4313C34.0226 30.8271 33.0913 28.513 31.3053 26.5717C29.4796 24.5872 26.7595 23 23 23C19.2405 23 16.5204 24.5872 14.6947 26.5717C12.9087 28.513 11.9774 30.8271 11.6566 32.4313L14.8434 33.0687Z' fill='%23FFC600'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23 0.25C10.4355 0.25 0.25 10.4355 0.25 23C0.25 35.5645 10.4355 45.75 23 45.75C35.5645 45.75 45.75 35.5645 45.75 23C45.75 10.4355 35.5645 0.25 23 0.25ZM3.5 23C3.5 12.2304 12.2304 3.5 23 3.5C33.7696 3.5 42.5 12.2304 42.5 23C42.5 33.7696 33.7696 42.5 23 42.5C12.2304 42.5 3.5 33.7696 3.5 23Z' fill='%23FFC600'/%3E%3C/svg%3E%0A");
}

.approach-list-item-icon.icon-3 {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 27.875V31.125H29.5V27.875H16.5Z' fill='%23D2D2D2'/%3E%3Cpath d='M13.8822 16.5002C13.8822 15.0544 15.0542 13.8824 16.5 13.8824C17.9458 13.8824 19.1178 15.0544 19.1178 16.5002C19.1178 17.946 17.9458 19.118 16.5 19.118C15.0542 19.118 13.8822 17.946 13.8822 16.5002Z' fill='%23D2D2D2'/%3E%3Cpath d='M29.5001 13.8887C28.0579 13.8887 26.8887 15.0579 26.8887 16.5001C26.8887 17.9423 28.0579 19.1115 29.5001 19.1115C30.9423 19.1115 32.1115 17.9423 32.1115 16.5001C32.1115 15.0579 30.9423 13.8887 29.5001 13.8887Z' fill='%23D2D2D2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23 0.25C10.4355 0.25 0.25 10.4355 0.25 23C0.25 35.5645 10.4355 45.75 23 45.75C35.5645 45.75 45.75 35.5645 45.75 23C45.75 10.4355 35.5645 0.25 23 0.25ZM3.5 23C3.5 12.2304 12.2304 3.5 23 3.5C33.7696 3.5 42.5 12.2304 42.5 23C42.5 33.7696 33.7696 42.5 23 42.5C12.2304 42.5 3.5 33.7696 3.5 23Z' fill='%23D2D2D2'/%3E%3C/svg%3E%0A");
}

.approach-list-item-icon.icon-4 {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.375 32.75V29.5H24.625V32.75H21.375Z' fill='white'/%3E%3Cpath d='M19.75 18.125C19.75 16.3301 21.2051 14.875 23 14.875C24.7949 14.875 26.25 16.3301 26.25 18.125C26.25 19.9199 24.7949 21.375 23 21.375H21.375V26.25H24.625V24.4202C27.4285 23.6987 29.5 21.1537 29.5 18.125C29.5 14.5352 26.5899 11.625 23 11.625C19.4102 11.625 16.5 14.5352 16.5 18.125H19.75Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.25 23C0.25 10.4355 10.4355 0.25 23 0.25C35.5645 0.25 45.75 10.4355 45.75 23C45.75 35.5645 35.5645 45.75 23 45.75C10.4355 45.75 0.25 35.5645 0.25 23ZM23 3.5C12.2304 3.5 3.5 12.2304 3.5 23C3.5 33.7696 12.2304 42.5 23 42.5C33.7696 42.5 42.5 33.7696 42.5 23C42.5 12.2304 33.7696 3.5 23 3.5Z' fill='white'/%3E%3C/svg%3E%0A");
}

#practical {
	gap: 60px;
}

#practical>div {
	width: calc(50% - 30px);
}

#classification .descr-button {
	margin: 40px 0 50px 0;
}

#classification h2 span {
	display: inline-block;
	width: fit-content;
	margin-top: 10px;
}

#classification .descr-button {
	justify-content: space-between;
	align-items: start;
}

#classification .descr-button p {
	max-width: 900px;
}

.market-list {
	gap: 30px;
}

.market-list-item {
	width: calc(33.3333% - 20px);
	border-radius: 20px;
	padding: 30px 25px;
	height: 420px;
	position: relative;
	overflow: hidden;
	justify-content: end;
	text-decoration: none;
	cursor: pointer;
}
.market-list-item .list-image {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;	
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #575757;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;	
}
.market-list-item .list-image img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	display: block;
}

.market-list-item::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .45);
	transition: ease .3s;
}

.market-list-item:hover::after {
	background: rgba(0, 0, 0, .6);
}

.market-list-item::before {
	content: '';
	position: absolute;
	top: 20px;
	right: 20px;
	border-radius: 50%;
	background-color: #565656;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='13' height='25' viewBox='0 0 13 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_4621_3837' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.000400432 24.3681L12.1844 12.1841L0.000400432 8.78492e-05'/%3E%3C/mask%3E%3Cpath d='M12.1844 12.1841L13.5986 10.7699L15.0128 12.1841L13.5986 13.5983L12.1844 12.1841ZM0.000400432 24.3681L-1.41381 22.9539L10.7702 10.7699L12.1844 12.1841L13.5986 13.5983L1.41461 25.7823L0.000400432 24.3681ZM12.1844 12.1841L10.7702 13.5983L-1.41381 1.4143L0.000400432 8.78492e-05L1.41461 -1.41413L13.5986 10.7699L12.1844 12.1841Z' fill='white' mask='url(%23path-1-inside-1_4621_3837)'/%3E%3C/svg%3E%0A");
	background-position: 55% 50%;
	background-repeat: no-repeat;
	background-size: 10px 19px;
	transition: ease .3s;	
	width: 48px;
	height: 48px;
	z-index: 10;
}
.market-list-item:hover::before {
	background-color: #fff;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='22' viewBox='0 0 14 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 20.5L11.5 11L1.5 1.5' stroke='%234B4B4B' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.market-list-item .list-header {
	z-index: 2;
	font-size: 25px;
	line-height: 32px;
	text-align: center;
}

.market-list-item .list-description {
	z-index: 2;
	height: 0;
	overflow: hidden;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	transition: ease .3s;
}

.btn-learn {
	display: block;
	padding: 8px 21px;
	background: #575757;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	width: fit-content;
	border-radius: 25px;
	margin: 25px auto 0 auto;
}
.market-list-item:hover .btn-learn {
	color: #575757;
	background: #fff;
}

#success {
	gap: 97px;
}

#success .text {
	gap: 40px;
}

#success .text {
	width: 293px;
}

#success .descr-button {
	gap: 50px;
}

.story-slider {
	flex: 1;
	position: relative;
	overflow: hidden;
}

.slider-container {
	width: 100%;
	overflow: hidden;
	position: relative;
	border-radius: 20px;
}

.slider.flex {
	display: flex;
	flex-wrap: nowrap;
	transition: transform 0.9s ease;
	gap: 20px;
}

.slide-wrapper {
	flex: 0 0 100%;
	box-sizing: border-box;
	padding: 0 10px; /* Отступы между слайдами */
}

.slide {
	flex: 0 0 100%;
	min-width: 100%;
	text-decoration: none;
	color: inherit;
	padding: 0 0 40px 0;
	border-radius: 20px;
	background: var(--slide-grey);
	box-sizing: border-box;
}


.slide-image {
	display: flex;
	height: 280px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.slide-header {
	font-size: 39px;
	line-height: 47px;
	text-align: center;
	padding: 0 75px;
	font-family: 'Geometria-Bold';
	margin-top: 10px;
}

.slide-description {
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	padding: 0 75px;
}

.slider-navigation.flex {
	justify-content: center;
	padding: 30px 0 0 0;
	gap: 10px;
}

.slider-dot {
	width: 55px;
	height: 12px;
	border: 2px solid var(--link-grey-active);
	border-radius: 2px;
	cursor: pointer;
}

.slider-dot.active {
	background: var(--link-grey-active);
}



#join>div {
	flex: 1;
}

#join .text {
	gap: 10px;
	padding: 0 68px;
}

#join .text .btn {
	margin-top: 30px;
}

.join-image {
	padding: 35px;
	justify-content: space-between;
	border-radius: 20px;
	background: url('images/join-bg.png') center/cover no-repeat;
}

.join-image h2 {
	color: var(--light-green);
	font-size: 46px;
	font-family: 'Geometria-ExtraBold';
}

.join-image .when {
	justify-content: space-between;
	gap: 20px;
}

.join-image .when span {
	font-size: 20px;
	line-height: 28px;
	color: var(--white);
	font-weight: 400;
	letter-spacing: 0;
	font-family: 'Geometria-Bold';
}

#benefit {
	gap: 50px;
}

#benefit h2 {
	text-align: center;
}

.explore-description {
	display: block;
	margin: 0 auto;
	max-width: 780px;
	text-align: center;
	margin-top: -10px;
}

.explore-list {
	gap: 30px;
}

.explore-list-item {
	padding: 40px 40px 44px 40px;
	border-radius: 15px;
	background-size: cover;
	background-repeat: no-repeat;
	gap: 20px;
	position: relative;
	overflow: hidden;
}

.explore-list-item::after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .7);
	z-index: 0;
}

.explore-list-item .btn {
	width: fit-content;
	margin-top: 15px;
}

.explore-list-item .help-list-item-header {
	max-width: 850px;
	text-align: left !important;
}

#partners {
	gap: 50px;
}

#partners h3 {
	font-size: 39px;
	line-height: 47px;
	font-weight: 700;
	text-align: center;
	padding: 0 50px;
}

#partners p {
	color: var(--link-grey-hover);
	text-align: center;
	opacity: .6;
}

.partners-list {
	gap: 20px;
}

.partners-list-item {
	background-color: var(--middle-grey);
	background-repeat: no-repeat;
	padding: 10px;
	border-radius: 15px;
	background-position: center;
	width: calc(25% - 15px);
	min-height: 70px;
}

#team {
	gap: 50px;
}

#team h2 {
	text-align: center;
}

.team-list {
	justify-content: space-between;
}

.team-unit {
	width: 260px;
	gap: 20px;
}

.team-unit .bio {
	text-align: center;
	gap: 5px;
	display: flex;
	flex-direction: column;
}

.team-unit .bio .name {
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
}

.team-unit .bio .title {
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	color: var(--link-grey);
}

.team-unit .photo {
	height: 260px;
	background-position: center;
	background-size: cover;
	border-radius: 20px;
}

.team-unit .socials {
	gap: 20px;
	justify-content: center;
	margin-top: -10px;
}

.team-unit .socials a {
	display: block;
	border-radius: 6px;
	background-color: var(--middle-grey);
	background-position: center;
	background-repeat: no-repeat;
	width: 52px;
	height: 52px;
	transition: ease .3s;
}
.team-unit .socials a:hover {
	background-color: var(--word-part-bg);
	transition: ease .3s;
}

.team-unit .socials a.email {
	background-image: url("data:image/svg+xml,%3Csvg width='32' height='22' viewBox='0 0 32 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.625 0.65625C1.91637 0.65625 0.53125 2.04137 0.53125 3.75V18.1875C0.53125 19.8961 1.91637 21.2812 3.625 21.2812H28.375C30.0836 21.2812 31.4688 19.8961 31.4688 18.1875V3.75C31.4688 2.04137 30.0836 0.65625 28.375 0.65625H3.625ZM2.59375 3.97302V18.1875C2.59375 18.757 3.05546 19.2188 3.625 19.2188H28.375C28.9445 19.2188 29.4062 18.757 29.4062 18.1875V3.97302L16.587 12.8479L16 13.2543L15.413 12.8479L2.59375 3.97302ZM27.5945 2.71875H4.40547L16 10.7457L27.5945 2.71875Z' fill='white'/%3E%3C/svg%3E%0A");
}

.team-unit .socials a.in {
	background-image: url("data:image/svg+xml,%3Csvg width='28' height='26' viewBox='0 0 28 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.7408 25.8124V8.65298H1.03842V25.8124H6.7408ZM3.8908 6.30886C5.87867 6.30886 7.11605 4.99311 7.11605 3.34486C7.08042 1.66098 5.88105 0.380859 3.9288 0.380859C1.97655 0.380859 0.701172 1.66336 0.701172 3.34486C0.701172 4.99311 1.93855 6.30886 3.8528 6.30886H3.8908ZM15.5473 25.8124V16.2292C15.5473 15.7162 15.5853 15.2032 15.7373 14.8375C16.1482 13.8139 17.0863 12.7522 18.6633 12.7522C20.7272 12.7522 21.5513 14.3245 21.5513 16.633V25.8124H27.2537V15.9704C27.2537 10.6979 24.4417 8.24686 20.6892 8.24686C17.6634 8.24686 16.3073 9.90936 15.5473 11.0802V11.1396H15.5093L15.5473 11.0802V8.65298H9.8473C9.91855 10.2632 9.8473 25.8124 9.8473 25.8124H15.5473Z' fill='white'/%3E%3C/svg%3E%0A");
}

#what-about {
	gap: 50px;
	padding-top: 90px;
}
#what-about h2 {
	text-align: center;
}
#what-about .text {
	gap: 28px;
}
.about-content {
	gap: 20px;
	margin-top: 10px;
}
#what-about .who-list {
	gap: 58px 120px;
	justify-content: space-between;
}
#what-about .who-list-item {
	width: 263px;
	gap: 20px;
}
#what-about .who-list-item div:nth-of-type(1){
	font-weight: 700;
	font-size: 60px;
	line-height: 90%;
	letter-spacing: 0%;
}

#problems .problems-list {
	gap: 40px;
	flex-direction: row;
}
.problems-list-item {
	width: calc(50% - 20px);
}
.problems-digits {
	gap: 10px;
	flex: 1;
	justify-content: stretch;
	
}
.p-digits {
	flex: 1;
}
.p-digit {
	width: calc(33.3333% - 10px);
	gap: 10px;
}
.p-percent {
	font-weight: 700;
	font-size: 60px;
	line-height: 90%;
	letter-spacing: 0%;	
	color: var(--light-green);
	font-family: 'Geometria-Bold';
}

.form-block {
	background: var(--middle-grey);
	padding: 90px 0;
	margin-top: -90px;
}

.form-block h3 {
	font-size: 30px;
	line-height: 39px;
}

.form-block .text {
	width: 360px;
	gap: 10px;
}

.form-block .text p {
	color: var(--link-grey);
	line-height: 30px;
}

.form-block .text .btn {
	color: var(--light-green);
	padding: 10px 28px;
	min-width: 215px;
}

.form-block .text .btn:hover {
	color: var(--light-green-hover);
}

.form-block .text .btn:active {
	color: var(--light-green-active);
}

.form-block .text .btn span {
	padding-left: 33px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='23' height='24' viewBox='0 0 23 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.6289 3.76339C18.5703 2.69411 17.3094 1.84631 15.9198 1.26943C14.5301 0.692551 13.0395 0.398147 11.5349 0.403389C5.23052 0.403389 0.0923714 5.54154 0.0923714 11.8459C0.0923714 13.8665 0.623506 15.8294 1.6165 17.5613L0 23.4962L6.06186 21.9028C7.73609 22.815 9.61815 23.2999 11.5349 23.2999C17.8392 23.2999 22.9773 18.1618 22.9773 11.8574C22.9773 8.79762 21.7881 5.92257 19.6289 3.76339ZM11.5349 21.3601C9.82599 21.3601 8.15176 20.8983 6.68537 20.0323L6.33897 19.8244L2.7365 20.7712L3.69485 17.2611L3.46392 16.9032C2.51451 15.3871 2.01039 13.6347 2.00907 11.8459C2.00907 6.60381 6.28124 2.33164 11.5233 2.33164C14.0635 2.33164 16.4536 3.32463 18.2433 5.12587C19.1295 6.00797 19.8318 7.05719 20.3094 8.21271C20.7871 9.36823 21.0307 10.6071 21.026 11.8574C21.0491 17.0995 16.7769 21.3601 11.5349 21.3601ZM16.7538 14.2475C16.4652 14.109 15.0565 13.4162 14.8025 13.3123C14.5369 13.2199 14.3522 13.1737 14.1559 13.4508C13.9596 13.7395 13.4169 14.3861 13.2553 14.5708C13.0936 14.7671 12.9204 14.7902 12.6318 14.6401C12.3431 14.5015 11.4194 14.1898 10.334 13.2199C9.4796 12.4578 8.91382 11.5226 8.74063 11.2339C8.57898 10.9453 8.71753 10.7951 8.86764 10.645C8.99465 10.518 9.1563 10.3102 9.29485 10.1486C9.43341 9.9869 9.49114 9.85989 9.58351 9.67515C9.67589 9.47886 9.6297 9.31721 9.56042 9.17865C9.49114 9.0401 8.91382 7.63144 8.68289 7.05412C8.45197 6.49989 8.20949 6.56917 8.0363 6.55762H7.48207C7.28578 6.55762 6.98557 6.6269 6.72001 6.91556C6.46598 7.20422 5.72702 7.897 5.72702 9.30567C5.72702 10.7143 6.75465 12.0768 6.8932 12.2615C7.03176 12.4578 8.91382 15.3444 11.7773 16.5799C12.4586 16.8801 12.9897 17.0533 13.4054 17.1803C14.0866 17.3997 14.7101 17.3651 15.2066 17.2958C15.7608 17.2149 16.9039 16.603 17.1349 15.9333C17.3773 15.2636 17.3773 14.6978 17.2965 14.5708C17.2157 14.4438 17.0425 14.3861 16.7538 14.2475Z' fill='%23FF6D4E'/%3E%3C/svg%3E%0A");
	font-weight: 700;
	font-size: 22px;
	line-height: 28px;
}

.form-block .text .btn:hover span {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='23' height='24' viewBox='0 0 23 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.6289 3.76437C18.5703 2.69509 17.3094 1.84728 15.9198 1.2704C14.5301 0.693527 13.0395 0.399124 11.5349 0.404366C5.23052 0.404366 0.0923714 5.54251 0.0923714 11.8468C0.0923714 13.8675 0.623506 15.8304 1.6165 17.5623L0 23.4972L6.06186 21.9038C7.73609 22.8159 9.61815 23.3009 11.5349 23.3009C17.8392 23.3009 22.9773 18.1627 22.9773 11.8584C22.9773 8.7986 21.7881 5.92355 19.6289 3.76437ZM11.5349 21.3611C9.82599 21.3611 8.15176 20.8992 6.68537 20.0332L6.33897 19.8254L2.7365 20.7722L3.69485 17.2621L3.46392 16.9042C2.51451 15.3881 2.01039 13.6357 2.00907 11.8468C2.00907 6.60478 6.28124 2.33261 11.5233 2.33261C14.0635 2.33261 16.4536 3.32561 18.2433 5.12684C19.1295 6.00895 19.8318 7.05817 20.3094 8.21369C20.7871 9.36921 21.0307 10.608 21.026 11.8584C21.0491 17.1005 16.7769 21.3611 11.5349 21.3611ZM16.7538 14.2485C16.4652 14.1099 15.0565 13.4172 14.8025 13.3132C14.5369 13.2209 14.3522 13.1747 14.1559 13.4518C13.9596 13.7405 13.4169 14.3871 13.2553 14.5718C13.0936 14.7681 12.9204 14.7912 12.6318 14.6411C12.3431 14.5025 11.4194 14.1908 10.334 13.2209C9.4796 12.4588 8.91382 11.5236 8.74063 11.2349C8.57898 10.9462 8.71753 10.7961 8.86764 10.646C8.99465 10.519 9.1563 10.3112 9.29485 10.1495C9.43341 9.98788 9.49114 9.86087 9.58351 9.67613C9.67589 9.47984 9.6297 9.31819 9.56042 9.17963C9.49114 9.04107 8.91382 7.63241 8.68289 7.05509C8.45197 6.50087 8.20949 6.57014 8.0363 6.5586H7.48207C7.28578 6.5586 6.98557 6.62788 6.72001 6.91654C6.46598 7.2052 5.72702 7.89798 5.72702 9.30664C5.72702 10.7153 6.75465 12.0778 6.8932 12.2625C7.03176 12.4588 8.91382 15.3454 11.7773 16.5809C12.4586 16.8811 12.9897 17.0543 13.4054 17.1813C14.0866 17.4007 14.7101 17.366 15.2066 17.2968C15.7608 17.2159 16.9039 16.604 17.1349 15.9343C17.3773 15.2646 17.3773 14.6988 17.2965 14.5718C17.2157 14.4448 17.0425 14.3871 16.7538 14.2485Z' fill='%23FF8C73'/%3E%3C/svg%3E%0A");
}

.form-block .text .btn:active span {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='23' height='24' viewBox='0 0 23 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.6289 3.76437C18.5703 2.69509 17.3094 1.84728 15.9198 1.2704C14.5301 0.693527 13.0395 0.399124 11.5349 0.404366C5.23052 0.404366 0.0923714 5.54251 0.0923714 11.8468C0.0923714 13.8675 0.623506 15.8304 1.6165 17.5623L0 23.4972L6.06186 21.9038C7.73609 22.8159 9.61815 23.3009 11.5349 23.3009C17.8392 23.3009 22.9773 18.1627 22.9773 11.8584C22.9773 8.7986 21.7881 5.92355 19.6289 3.76437ZM11.5349 21.3611C9.82599 21.3611 8.15176 20.8992 6.68537 20.0332L6.33897 19.8254L2.7365 20.7722L3.69485 17.2621L3.46392 16.9042C2.51451 15.3881 2.01039 13.6357 2.00907 11.8468C2.00907 6.60478 6.28124 2.33261 11.5233 2.33261C14.0635 2.33261 16.4536 3.32561 18.2433 5.12684C19.1295 6.00895 19.8318 7.05817 20.3094 8.21369C20.7871 9.36921 21.0307 10.608 21.026 11.8584C21.0491 17.1005 16.7769 21.3611 11.5349 21.3611ZM16.7538 14.2485C16.4652 14.1099 15.0565 13.4172 14.8025 13.3132C14.5369 13.2209 14.3522 13.1747 14.1559 13.4518C13.9596 13.7405 13.4169 14.3871 13.2553 14.5718C13.0936 14.7681 12.9204 14.7912 12.6318 14.6411C12.3431 14.5025 11.4194 14.1908 10.334 13.2209C9.4796 12.4588 8.91382 11.5236 8.74063 11.2349C8.57898 10.9462 8.71753 10.7961 8.86764 10.646C8.99465 10.519 9.1563 10.3112 9.29485 10.1495C9.43341 9.98788 9.49114 9.86087 9.58351 9.67613C9.67589 9.47984 9.6297 9.31819 9.56042 9.17963C9.49114 9.04107 8.91382 7.63241 8.68289 7.05509C8.45197 6.50087 8.20949 6.57014 8.0363 6.5586H7.48207C7.28578 6.5586 6.98557 6.62788 6.72001 6.91654C6.46598 7.2052 5.72702 7.89798 5.72702 9.30664C5.72702 10.7153 6.75465 12.0778 6.8932 12.2625C7.03176 12.4588 8.91382 15.3454 11.7773 16.5809C12.4586 16.8811 12.9897 17.0543 13.4054 17.1813C14.0866 17.4007 14.7101 17.366 15.2066 17.2968C15.7608 17.2159 16.9039 16.604 17.1349 15.9343C17.3773 15.2646 17.3773 14.6988 17.2965 14.5718C17.2157 14.4448 17.0425 14.3871 16.7538 14.2485Z' fill='%231FB199'/%3E%3C/svg%3E%0A");
}

.form-block .text .btn.telegram span {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.4369 5.52292L21.0024 21.6062C20.7486 22.7466 20.0655 23.0229 19.1124 22.4863L13.881 18.6546L11.3578 21.0695C11.0797 21.3459 10.8435 21.5807 10.3034 21.5807L10.6747 16.2894L20.3693 7.58498C20.7918 7.21603 20.2761 7.00674 19.7186 7.37568L7.73703 14.8713L2.57316 13.2694C1.45128 12.9179 1.42563 12.1545 2.80941 11.6179L22.9843 3.88615C23.9212 3.55074 24.7393 4.11288 24.4356 5.52157L24.4369 5.52292Z' fill='%23FF6D4E'/%3E%3C/svg%3E%0A");
}
.form-block .text .btn.telegram:hover span {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.4369 5.52292L21.0024 21.6062C20.7486 22.7466 20.0655 23.0229 19.1124 22.4863L13.881 18.6546L11.3578 21.0695C11.0797 21.3459 10.8435 21.5807 10.3034 21.5807L10.6747 16.2894L20.3693 7.58498C20.7918 7.21603 20.2761 7.00674 19.7186 7.37568L7.73703 14.8713L2.57316 13.2694C1.45128 12.9179 1.42563 12.1545 2.80941 11.6179L22.9843 3.88615C23.9212 3.55074 24.7393 4.11288 24.4356 5.52157L24.4369 5.52292Z' fill='%23FF8C73'/%3E%3C/svg%3E%0A");
}

.form-block .text ul {
	margin: 0;
	padding: 0;
	list-style: none;
	gap: 15px;
	margin: 10px 0;
}

.form-block .text ul .contact-list-item {
	color: var(--white);
	text-decoration: none;
	font-size: 20px;
	line-height: 32px;
	position: relative;
	align-items: center;
}

.form-block .text ul li .contact-list-item {
	display: flex;
	gap: 10px;
}

.form-block .text ul li i {
	display: flex;
	width: 43px;
	height: 43px;
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: var(--another-grey);
}

.form-block .text ul li .phone i {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_62_1377)'%3E%3Cpath d='M5.08203 1.4375L9.14788 5.50335L6.60672 8.0445L14.7384 16.1762L17.2796 13.635L21.3454 17.7009L19.3125 19.7338C17.6284 21.4179 14.8978 21.4179 13.2137 19.7338L3.04911 9.56919C1.36498 7.88506 1.36498 5.15455 3.04911 3.47042L5.08203 1.4375Z' stroke='white' stroke-width='1.43749'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_62_1377'%3E%3Crect width='22.9999' height='22.9999' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.form-block .text ul li .email i {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_62_1382)'%3E%3Crect x='1.4375' y='4.3125' width='20.1249' height='12.9374' rx='1.43749' stroke='white' stroke-width='1.43749'/%3E%3Cpath d='M2.15625 5.03125L11.5 11.5L20.8437 5.03125' stroke='white' stroke-width='1.43749'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_62_1382'%3E%3Crect width='22.9999' height='22.9999' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.form-block .text ul li .address i {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.5' cy='9.34374' r='2.87499' stroke='white' stroke-width='1.43749'/%3E%3Cpath d='M19.4062 9.34372C19.4062 15.0937 11.5 20.8437 11.5 20.8437C11.5 20.8437 3.59375 15.0937 3.59375 9.34372C3.59375 4.97723 7.13348 1.4375 11.5 1.4375C15.8664 1.4375 19.4062 4.97723 19.4062 9.34372Z' stroke='white' stroke-width='1.43749'/%3E%3C/svg%3E%0A");
}

.form-buttons {
	gap: 15px;
	margin-top: 5px;
}

.form-buttons .btn {
	width: fit-content;
	color: var(--white);
	font-weight: 700;
	padding: 10px 28px;
	line-height: 28px;
	font-size: 22px;
}

.form-buttons p {
	flex: 1;
	align-items: start;
	color: var(--copyright-light-grey);
}

.form-buttons p a {
	color: var(--copyright-light-grey);
	font-weight: 600;
	text-decoration: none;
}

.form-buttons p span {
	display: block;
}

.form-buttons p span,
.form-buttons p span a {
	font-size: 15px;
	line-height: 18px;
}

.form-response {
	border-radius: 4px;
	font-weight: 500;
	height: 0;
	font-size: 20px;
	line-height: 32px;
	visibility: hidden;
}

.form-response.success {
	height: auto;
	display: flex;
	color: var(--light-green);
}

.form-response.error {
	height: auto;
	color: #FF6D4E;
	visibility: visible;
}
.form-response.visible {
	visibility: visible;
}	

#contacts {
	gap: 97px;
}

.form-holder {
	flex: 1;
	gap: 15px;
}

.form-holder h2 {
	margin-bottom: 25px;
}

.form-holder h2 span {
	margin-top: 10px;
	display: inline-block;
}

.form-holder form {
	gap: 10px;
}

.form-holder form input:not([type="submit"]),
.form-holder form textarea {
	width: 100%;
	flex: 1;
	padding: 8px 15px;
	border: 0;
	border-radius: 8px;
	background: var(--another-grey);
	font-size: 20px;
	line-height: 32px;
	color: var(--link-grey-hover)
}

.form-holder form textarea {
	resize: none;
	height: 102px;
}

.form-holder form input:not([type="submit"])::placeholder,
.form-holder form textarea::placeholder {
	color: var(--link-grey-hover);
}
/* autofill fix для Chrome/WebKit */
.form-holder form input:not([type="submit"]):-webkit-autofill,
.form-holder form textarea:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px var(--another-grey) inset !important;
	-webkit-text-fill-color: var(--link-grey-hover) !important;
	transition: background-color 9999s ease-in-out 0s !important;
}
.form-holder form input[type="checkbox"] {
	display: none;
}

.form-holder form input.sized-input {
	width: 100% !important;
	flex: inherit;
}

.form-holder form .fields {
	gap: 10px;
}

.modal-article .modal__content {
	background: #1F1F1F;
	border-radius: 0;
	max-width: 100%;
}
.modal-article .modal__content h2 {
	text-align: center;
	padding-right: 40px;
}
.modal-article .modal__content p,
.modal-article .modal__content ul {
	margin: 0;
}
.article-block {
	display: flex;
	flex-direction: column;
	gap: 26px;
}
.modal-article .modal__content .modal__article-wrapper {
	display: flex;
	flex-direction: column;
	gap: 43px;	
	font-weight: 400;
	font-style: Regular;
	font-size: 20px;
	leading-trim: NONE;
	line-height: 32px;
	letter-spacing: 0%;
	padding-bottom: 40px;
}
.modal-article .modal__content .wrapper {
	padding: 90px 0;
}
.article-sub {
	font-weight: 700;
	font-familt: 'Geometria';
	font-size: 39px;
	line-height: 47px;
	letter-spacing: 0%;	
	margin-bottom: 26px;
	padding-top: 44px;
	color: var(--light-green);
}
.article-block p img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.article-block iframe {
	display: block;
	margin: 0 auto;
}
.article-block .modal-gallery {
	gap: 20px;
}
.g-3 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}

.g-3 p {
  display: block;
  width: 315px;
}

.g-3 p img {
  width: 100%;
  max-width: 800px;
  height: auto;
}

.g-3:has(p:nth-child(3)) {
  justify-content: space-between;
}

.vertical-list-img {
	gap: 20px;
	margin: 20px 0;
}
.vertical-list-img p img {
	max-width: 800px;
	width: 100%;
}

footer {
	padding: 50px 0;
}

footer .wrapper>div {
	flex: 1;
}

footer .copyright {
	justify-content: start;
	align-items: end;
}

footer .footer-socials {
	justify-content: end;
	align-items: end;
	gap: 17px;
}

footer .soc-icons {
	gap: 15px;
}

footer .soc-icons a {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 6px;
	width: 52px;
	height: 52px;
	background-color: var(--middle-grey);
	background-position: center;
	background-repeat: no-repeat;
}


footer .soc-icons a.mw {
	background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.7168 11.9707L30.5689 23.475V11.9707H26.5556L21.4077 23.475V11.9707H17.3943L12.2472 23.4734V11.9707H8.27261L2.4531 24.9682H0V26.8878H1.5937H3.09775H3.12384H3.877H6.69163V24.9682H4.73627L8.98764 15.4737V26.8944H10.7162H12.2472H12.9995L18.1253 15.4396V26.881H19.8834L19.8774 26.8944H22.1606L27.2867 15.4396V26.881H29.0449L29.0388 26.8944H31.3222L38.0001 11.9707H35.7168Z' fill='white'/%3E%3C/svg%3E%0A");
}

footer .soc-icons a.rutube {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='29' height='25' viewBox='0 0 29 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_528_27474)'%3E%3Cpath d='M15.2786 15.1168H4.54997V10.8819H15.2786C15.9053 10.8819 16.3411 10.9909 16.5597 11.1812C16.7784 11.3714 16.9139 11.7244 16.9139 12.2399V13.7605C16.9139 14.3037 16.7784 14.6566 16.5597 14.8469C16.3411 15.0372 15.9053 15.1185 15.2786 15.1185V15.1168ZM16.0147 6.88933H0V24.9999H4.54997V19.1078H12.9351L16.9139 24.9999H22.0089L17.6222 19.0802C19.2395 18.8411 19.9657 18.3467 20.5646 17.5319C21.1635 16.7171 21.4639 15.4145 21.4639 13.6759V12.3179C21.4639 11.2869 21.3545 10.4721 21.1635 9.84759C20.9726 9.22308 20.6462 8.67989 20.1827 8.19201C19.6931 7.73012 19.1481 7.40486 18.4936 7.18693C17.8392 6.99665 17.0216 6.8877 16.0147 6.8877V6.88933Z' fill='white'/%3E%3Cpath d='M25.5043 6.88775C27.4349 6.88775 28.9999 5.34587 28.9999 3.44388C28.9999 1.54188 27.4349 0 25.5043 0C23.5738 0 22.0088 1.54188 22.0088 3.44388C22.0088 5.34587 23.5738 6.88775 25.5043 6.88775Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_528_27474'%3E%3Crect width='29' height='25' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

footer .soc-icons a.vc {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.6286 11.5646C22.534 11.5646 23.9684 10.7708 25.026 9.38892L23.6125 8.31043C23.2633 8.77059 22.812 9.14338 22.2942 9.39941C21.7764 9.65543 21.2063 9.78771 20.6286 9.7858C18.5608 9.7858 17.0624 8.10119 17.0624 6.03408C17.0624 3.96698 18.5364 2.18749 20.6876 2.18749C21.6439 2.18749 22.3197 2.41325 22.9093 2.77849V4.5961H24.6881V1.94591L24.3473 1.67771C23.3694 0.908389 21.8761 0.5 20.6279 0.5C17.5765 0.5 15.0945 2.98198 15.0945 6.03338C15.0945 9.08191 17.5758 11.5646 20.6286 11.5646ZM24.3192 22.4789L24.256 19.9315V13.7151H20.546V15.4946H22.3823V19.7122C22.3823 21.5291 20.9946 22.8154 19.5947 22.8154C18.1948 22.8154 17.4643 21.8448 17.4643 20.0286V13.7144H13.9988V15.4939H15.5907V20.337C15.5907 22.8017 16.9726 24.5 19.4373 24.5C20.8537 24.5 21.9322 23.7141 22.5757 22.5026H22.6044L22.8582 24.1966H25.709V22.4811H24.3214V22.4775L24.3192 22.4789ZM14.6847 0.760999H11.593L8.90401 8.56926H8.86231L6.18766 0.760999H2.89323V2.54121H4.74607L7.93481 11.4409H9.62876V11.4388L12.9541 2.54194H14.6833V0.761723L14.6847 0.760999ZM0 24.2196H1.832V22.3883H0.000718995V24.2196H0ZM7.07489 15.7786H7.05476L6.93972 13.7151H3.66974V15.3372H5.40971V22.4796H3.66974V24.1959H11.7512V22.5134H7.25177V18.2031C7.45524 16.6428 8.62504 15.3105 10.2212 15.3105H10.25L10.2176 16.9053H11.9964V13.6856H10.5901C8.97951 13.6813 7.78454 14.5527 7.07418 15.7793L7.07489 15.7786Z' fill='white'/%3E%3C/svg%3E%0A");
}

footer .soc-icons a.tg {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='27' height='23' viewBox='0 0 27 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.9251 2.0545L22.8491 21.1423C22.5478 22.4957 21.7371 22.8237 20.6059 22.1868L14.3973 17.6394L11.4027 20.5054C11.0726 20.8334 10.7922 21.1121 10.1513 21.1121L10.5919 14.8323L22.0976 4.50178C22.5991 4.06391 21.987 3.81552 21.3253 4.25339L7.10548 13.1493L0.976933 11.2481C-0.354524 10.831 -0.384967 9.92497 1.25732 9.28807L25.2011 0.111962C26.3131 -0.286099 27.284 0.381051 26.9235 2.05291L26.9251 2.0545Z' fill='white'/%3E%3C/svg%3E%0A");
}

footer .footer-socials .link-grey {
	font-size: 14px;
	line-height: 26px;
}

#menuModal {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(31, 31, 31, .9);
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
	cursor: pointer;
}

#menuModal.show {
	opacity: 1;
	visibility: visible;
}

#menuModalContent ul {
  flex-direction: column;
  list-style: none;
  gap: 40px;
  margin: 0;
  padding: 0;
}
#menuModalContent ul li a {
	text-decoration: none;
	text-align: center;
	padding-bottom: 10px;
	display: block;
}
#menuModalContent ul li.visible a {
	color: var(--light-green);
	border-bottom: 1px solid var(--light-green);
}
.modal-window {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
  overflow: auto; 
  padding: 20px;  
}

.modal-window.active {
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-window .wrapper {
  position: relative;
  background: #fff;
  border-radius: 8px;
  max-width: 600px;
  width: 100%;
  max-height: 100%;
  overflow: auto;
}

.modal-window .close {
  position: sticky;
  top: 20px;
  right: 20px;
  cursor: pointer;
  color: var(--middle-grey);
  width: fit-content;
  margin: 0 0 0 auto;
}

.modal-content {
  gap: 20px;
  padding: 20px; 
}
.modal-content * {
  color: var(--middle-grey);
  font-size: 16px;	
}
.modal-content .h2 {
	font-size: 24px;
}

.fade,
.fade-scroll {
  opacity: 0;
  transition: opacity ease-out, transform ease-out;
  transition-duration: 500ms;
}

.fade-scroll {
  transform: translateY(20px);
}

.fade.visible {
  opacity: 1;
}

.fade-scroll.visible {
  opacity: 1;
  transform: translateY(0);
}

.methodology-desc {
	gap: 10px;
}
#methodilogy h2 span {
	display: block;
}

body.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  inset: 0;
  z-index: 1000;

  display: flex;
  justify-content: center;
  align-items: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}

.modal.active {
  opacity: 1;
  visibility: visible;
}

.modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.5);
}

/* Общий стиль для контента */
.modal__content {
  background: #333333;
  border-radius: 8px;
  padding: 30px;
  animation: fadeIn 0.3s ease;
  overflow-y: auto;
}

/* 🔹 Окна с формой — центрируются */
.modal-form .modal__content {
  max-width: 992px;
  width: 100%;
  max-height: 100%;
  overflow-y: auto;
  position: relative;
  z-index: 999;
}

.modal-form .modal__content.success-sent .close-holder {
	position: absolute;
	top: 30px;
	right: 30px;
}

/* 🔹 Окна со статьями — скроллятся сверху */
.modal-article {
  align-items: flex-start; /* прижимаем к верху, а не центрируем */
  overflow-y: auto;
}

.modal-article .modal__content {
  position: relative;
  width: 100%;
  margin: 0;
  max-height: none;
  overflow-y: auto;
}


.close-holder {
	position: sticky;
	top: 0;
}
.modal-article .close-holder {
	margin-top: 20px;
	top: 0;
}
.modal__close {
  background: none;
  border: none;
  font-size: 30px;
  cursor: pointer;
  color: #575757;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.553945 25.7715C-0.184648 26.5101 -0.184648 27.7074 0.553945 28.446C1.29254 29.1847 2.49007 29.1847 3.22866 28.446L0.553945 25.7715ZM15.8373 15.8373C16.5759 15.0987 16.5759 13.9014 15.8373 13.1627C15.0987 12.4241 13.9014 12.4241 13.1627 13.1627L15.8373 15.8373ZM13.1627 13.1627C12.4241 13.9014 12.4241 15.0987 13.1627 15.8373C13.9014 16.5759 15.0987 16.5759 15.8373 15.8373L13.1627 13.1627ZM28.446 3.22866C29.1847 2.49007 29.1847 1.29254 28.446 0.553945C27.7074 -0.184648 26.5101 -0.184648 25.7715 0.553945L28.446 3.22866ZM15.8373 13.1627C15.0987 12.4241 13.9014 12.4241 13.1627 13.1627C12.4241 13.9014 12.4241 15.0987 13.1627 15.8373L15.8373 13.1627ZM25.7715 28.446C26.5101 29.1847 27.7074 29.1847 28.446 28.446C29.1847 27.7074 29.1847 26.5101 28.446 25.7715L25.7715 28.446ZM13.1627 15.8373C13.9014 16.5759 15.0987 16.5759 15.8373 15.8373C16.5759 15.0987 16.5759 13.9014 15.8373 13.1627L13.1627 15.8373ZM3.22866 0.553945C2.49007 -0.184648 1.29254 -0.184648 0.553945 0.553945C-0.184648 1.29254 -0.184648 2.49007 0.553945 3.22866L3.22866 0.553945ZM3.22866 28.446L15.8373 15.8373L13.1627 13.1627L0.553945 25.7715L3.22866 28.446ZM15.8373 15.8373L28.446 3.22866L25.7715 0.553945L13.1627 13.1627L15.8373 15.8373ZM13.1627 15.8373L25.7715 28.446L28.446 25.7715L15.8373 13.1627L13.1627 15.8373ZM15.8373 13.1627L3.22866 0.553945L0.553945 3.22866L13.1627 15.8373L15.8373 13.1627Z' fill='%23575757'/%3E%3C/svg%3E%0A");
  width: 29px;
  height: 29px;
  position: absolute;
  top: 0;
  right: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: none;
}
.modal-article .modal__close {
	background-color: #00000099;
	width: 49px;
	height: 49px;
	background-size: auto;
}

.thanks {
  display: none;
  opacity: 0;
  pointer-events: none; /* чтобы не мешал кликам по форме до появления */
  gap: 29px;
  align-items: center;
  padding: 0 90px;
}
.thanks .thanks-ico {
	width: 120px;
	height: 120px;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='120' height='120' viewBox='0 0 120 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M81.4016 50.1123L76.0983 44.809L56.25 64.6574L43.9016 52.309L38.5983 57.6123L56.25 75.264L81.4016 50.1123Z' fill='%2329CBB0'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M60 7.49976C31.005 7.49976 7.5 31.0048 7.5 59.9997C7.5 88.9947 31.005 112.5 60 112.5C88.9949 112.5 112.5 88.9947 112.5 59.9997C112.5 31.0048 88.9949 7.49976 60 7.49976ZM15 59.9997C15 35.1469 35.1472 14.9998 60 14.9998C84.8528 14.9998 105 35.1469 105 59.9997C105 84.8526 84.8528 105 60 105C35.1472 105 15 84.8526 15 59.9997Z' fill='%2329CBB0'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}
.thanks p,
.thanks a {
	font-size: 30px;
	line-height: 39px;
	text-align: center;
	pointer-events: auto;
}

/* Во время появления */
.modal__content .thanks.show {
  display: flex;
  opacity: 1;
  pointer-events: auto;
  color: #fff;
}

.modal__title span {
	display: inline-block;
}

.modal__form .form-buttons {
  justify-content: space-between;
  align-items: flex-start;
  gap: 15px;
  margin-top: 15px;
}

.success-sent {
	display: flex;
	align-items: center;
	justify-content: center;
}

@keyframes fadeIn {
  from {opacity: 0; transform: translateY(-10px);}
  to   {opacity: 1; transform: translateY(0);}
}

.flex.fields {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; 
  align-items: flex-start; 
} 

.field-wrapper {
	display: flex;
	flex-direction: column;
	width: calc(50% - 5px);
	align-items: stretch;
}
.field-wrapper-full {
	width: 100%;
}

.modal__form form .field-wrapper input {
	width: 100% !important;
}

.error-msg {
  color: #FF6D4E;
}
#approach {
	gap: 50px;
}
.hidden {
	display: none;
}
/* Контейнер навигации */
.modal__nav {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  pointer-events: none; /* чтобы клики проходили через прозрачные области */
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  z-index: 1002;
}



.modal__nav button {
  pointer-events: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.5);
  border: none;
  color: #fff;
  font-size: 40px;
  width: 60px;
  height: 60px;
  cursor: pointer;
  transition: background 0.2s, transform 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal__nav .prev-article {
  left: 10px;
}

.modal__nav .next-article {
  right: 10px;
}

.modal__nav button:hover {
  background: rgba(0,0,0,0.8);
  transform: translateY(-50%) scale(1.1);
}
.additional * {
	box-sizing: border-box;
}
.additional {
	padding: 25px 30px;
	border-top: 1px solid #fff;	
}
.additional a {
	color: var(--light-green);
}

.additional .f1 {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.additional .f2 *:not(.f-header) {
	font-size: 18px;
	line-height: 28px;	
}
.additional .f2 > div {
	width: 50%;
}
.additional img {
	max-width: 100%;
}
.f-header {
	font-size: 20px;
	line-height: 32px;
}
.totop {
  width: 50px;
  height: 50px;
  position: fixed;
  right: -70px; /* изначально за экраном */
  bottom: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='50' height='50' rx='25' transform='matrix(1.19249e-08 -1 -1 -1.19249e-08 50 50)' fill='%23454545'/%3E%3Cpath d='M32.5 29L25 21L17.5 29' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 999;
  opacity: 0; /* невидимый */
  transition: all 0.4s ease;
  cursor: pointer;
}

/* Активное состояние: кнопка выехала */
.totop.visible {
  right: 20px; /* целевая позиция */
  opacity: 1;
}

.planet-one .planet-map img,
.planet-two .planet-map img {
	display: none;
}

/* RESPONSIVE */
@media screen and (max-width: 1799px) {
	.planet-two {
		background-size: contain;
		background-position: top 50px right 0;
	}		
}
@media screen and (max-width: 1599px) {
	.planet-one {
		background-image: url('images/matters-2.svg?r');
		background-size: contain;
		background-position: top 40px right 30%;
	}		
}

@media screen and (max-width: 1439px) {
	.close-holder {
		top: 10px;
		margin-right: 10px;
	}	
	.planet-two {
		background-size: contain;
		background-position: top 50% right 0;
	}	
}

@media screen and (max-width: 1279px) {
	.wrapper {
		max-width: 1024px;
		padding-left: 25px;
		padding-right: 25px;
	}
	main {
		gap: 120px;
	}
	header .wrapper {
		padding-bottom: 0;
	}
	.sticky-nav ul {
		gap: 30px;
	}
	.planet-one .planet-map {
		background-position: top -50px right -60px;
	}	
	.planet-one .wrapper {
		padding-right: 0;
	}
	.planet-two {
		background-image: url('images/who-2.svg?n11');
		background-size: 90%;
		position: right center;
	}
	#we-help {
		margin-top: 60px;	
	}
	.help-list-item-image {
		background-size: cover;
	}
	.team-list {
		gap: 35px 15px;
	}
	.team-unit {
		width: 202px;
	}	
	.team-unit .photo {
		height: 202px;
	}
	.team-unit .bio .title {
		font-size: 16px;
		line-height: 20px;
	}
	
}
@media screen and (max-width: 1099px) {
	header .wrapper, .sticky-nav .wrapper, .sticky-nav.scrolled .wrapper {
		padding-left: 25px;
		padding-right: 25px;
	}	
	#practical {
		gap: 30px;
	}
	#success {
		gap: 30px;
	}
	#partners h3 {
		padding: 0;
	}
	.modal-form .modal__content {
		margin: 15px;
	}
	body.modal-open {
		padding-right: 0;
	}	
	.sticky-nav .wrapper {
		justify-content: space-between;
	}
	.planet-one .wrapper {
		padding-right: 25px;
	}	
}
@media screen and (max-width: 1023px) {
	main {
		gap: 60px;
	}
	#matters {
		margin-top: 60px;
	}
	.sticky-nav {
		opacity: 0;
	}
	.sticky-nav .menu {
		display: none;
	}
	.sticky-nav.scrolled {
		opacity: 1;
	}
	.sticky-nav.scrolled .menu {
		display: flex;
	}
	.planet-bg {
		background: none;
	}
	.planet {
		flex-direction: column;
		gap: 30px;
	}
	.planet-map {
		background: none;
		height: auto;
	}
	.planet-two .planet-map {
		min-height: auto;
	}
	.planet-one .planet-map img,
	.planet-two .planet-map img {
		display: block;
		margin: 0 auto;
		max-width: 100%;
		height: auto;
	}
	.form-block {
		margin-top: 0;
	}
	header .main-header {
		font-size: 56px;
		line-height: 68px;
	}
	.planet-one {
		margin-bottom: 0;
	}
	#we-help {
		margin-top: 0;
	}
	#we-help h2 span.no-bg {
		margin-bottom: 10px;
		display: block
	}
	h2,
	.planet .text {
		text-align: center;
	}
	h2 {
		font-size: 40px;
		line-height: 48px;
		width: 100%;
	}
	.help-list {
		flex-direction: column;
	}
	.help-list-item {
	  display: flex;
	  flex-direction: row;
	  width: 100%;
	  align-items: stretch;
	  flex-wrap: nowrap;
	  gap: 0;
	}
	.help-list-item-image {
		padding: 0;
		background-size: cover;
		width: 250px;
	}
	.help-list-item-description {
		flex: 1;
		padding: 20px 30px;
	}
	.explore-list .help-list-item-description {
		padding: 0;
	}
	.approach-header {
		flex-direction: column;
	}
	.approach-like {
		margin-top: 60px;
	}
	.approach-header h2 {
		width: 100%;
	}
	.approach-header p {
		text-align: center;
	}
	#practical > div {
		width: 100%;
	}
	#classification {
		margin-top: 60px;
	}
	#classification h2 {
		text-align: left;
	}
	.descr-button {
		gap: 30px;
		align-items: start;
	}
	.descr-button p {
		flex: 1;
	}
	#success  {
		margin-top: 60px;
		width: 100%;
		flex-direction: column;
		gap: 40px;
	}
	#success .text {
		width: 100%;
		flex-direction: row;
	}
	#success .text h2 {
		text-align: left;
	}
	.slide {
		flex: 0 0 100%;
		width: 100%;
	}

	.slide-header,
	.slide-description {
		padding: 0 clamp(20px, 5vw, 50px);
		word-break: break-word;
	}
	.story-slider {
	  overflow: hidden;
	  position: relative;
	  width: 100%;
	}

	
	#join {
		flex-direction: column;
		gap: 30px;
	}
	#join .text {
		padding: 0;
	}
	.join-image {
		height: auto;
		min-height: 314px;
		background-position: top left;
		padding: 30px 25px;
	}
	.join-image h2 {
		font-size: 40px;
		text-align: left;
	}
	.join-image .when span {
		font-size: 22px;
		line-height: 28px;
	}
	#join .text .btn {
		margin-left: auto;
		margin-right: auto;
	}
	#contacts .form-holder h2 {
		text-align: left;
	}
	.planet .text p,
	.planet .text ul {
		max-width: 100%;
	}
	.planet .text ul {
		align-items: center;
	}
	.planet .text ul li {
		width: fit-content;
	}
	.modal__close {
		width: 20px;
		height: 20px;
	}
}

@media screen and (max-width: 991px) {
	main {
		gap: 120px;
	}
	#what-about {
		padding-top: 60px;
	}
	#matters {
		margin-top: 0;
	}
	.sticky-nav {
		margin-top: 60px;
	}
	header .wrapper {
		padding-top: 170px;
	}
	.market-list-item {
		width: 100%;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
		gap: 30px;
		border-radius: 20px;
		background: var(--middle-grey);
		padding: 0;
		height: auto;
		min-height: auto;
	}	
	.market-list-item .list-header {
		padding-right: 50px;
	}
	.market-list-item .list-image {
		position: relative;
		width: 280px;
		background-size: contain;
	}
	.market-list-item .list-data {
		flex: 1;
		padding: 30px 30px 30px 0;
		justify-content: center;
		gap: 20px;
	}
	.market-list-item::after {
		display: none;
	}
	.market-list-item .list-description {
		height: auto;
		opacity: 1;
	}
	#benefit h2 span {
		display: inline-block;
		margin-top: 5px;
	}
	.explore-description {
		text-align: center;
	}
	.partners-list {
		max-width: 718px;
		margin: 0 auto;
		justify-content: center;
	}
	.partners-list-item {
		width: calc(33.3333% - 15px);
	}
	#team {
		margin-top: 60px;
	}
	#contacts {
		gap: 60px;
	}
	#contacts .form-holder {
		width: 374px;
		flex: 0 0 auto; 
	}
	.form-block .text {
		width: auto;
		flex: 1 1 0%;  
	}
	.team-unit {
		width: 157px;
	}
	.team-unit .photo {
		height: 157px;
	}
	.team-unit .bio {
		flex: 1;
	}
	.approach-header {
		gap: 30px;
	}
	.planet .text h2 {
		margin-bottom: 20px;
	}
	.planet .text {
		gap: 10px;
	}
	.who-list {
		margin-top: 20px;
		gap: 40px;
	}
	.who-list-item {
		gap: 10px;
		width: calc(50% - 20px);
	}
	#classification .descr-button {
		margin-top: 30px;
	}
	.market-list-item .list-header, .market-list-item .list-description {
		text-align: left;
	}
	#success .text {
		gap: 30px;
	}
	#benefit {
		gap: 30px;
	}
	.explore-list-item {
		padding: 30px 30px 34px 30px;
	}
	#team {
		gap: 30px;
	}
	.form-block {
		padding-top: 60px;
	}
	#contacts .form-holder h2 {
		margin-bottom: 15px;
	}
	#what-about .who-list {
		gap: 40px 26px;
	}
	#what-about .who-list-item {
		width: calc(50% - 18px);
	}
	.p-percent {
		font-size: 39px;
		line-height: 47px;
	}
	.about-content {
		text-align: center;
	}
	.join-image {
		min-height: auto;
		background-position: top -100px right 0;
	}
	.join-image h2 {
		max-width: 50%;
		
	}
	.additional .f2 {
		flex-direction: column;
		gap: 10px;
	}
	.additional .f2 div {
		width: 100%;
	}
	.article-sub {
		font-size: 30px;
		line-height: 39px;
		font-weight: 500;
	}
	#contacts .thanks {
		padding: 0 15px;

	}
	#contacts .thanks p,
	#contacts .thanks a {
		font-size: 20px;
		line-height: 26px;		
	}	
}
@media screen and (max-width: 767px) {
	#what-about h2 span {
		display: inline;
	}
	#contacts .field-wrapper {
		width: 100%;
	}
	#contacts .form-holder {
		width: 100%;
	}	
	main {
		gap: 60px;
	}	
	.wrapper {
		max-width: 460px;
	}
	p, li, a, span {
		font-size: 18px;
		line-height: 28px;		
	}
	header .main-header {
		font-size: 35px;
		line-height: 48px;
		margin: 0;
		text-align: center;
	}
	header .main-description {
		font-size: 24px;
		line-height: 32px;
		text-align: center;
	}
	header .buttons {
		justify-content: center;
		margin: 0;
	}
	.sticky-nav .menu, .sticky-nav.scrolled .menu {
		display: none;
	}	
	.extrabold {
		font-family: 'Geometria-Extrabold';
	}
	#matters {
		margin-top: 40px;
	}
	.planet-map {
		min-height: auto;
		
	}
	.planet-one .planet-map {
		background-size: contain;
		background-position: center;
		min-height: auto;
	}
	.who-list-item {
		width: 100%;
	}
	h2 span {
		display: block;
		width: fit-content;
		margin: 5px auto 0 auto;
	}
	.help-list-item {
		flex-direction: column;
	}
	.help-list-item-image {
		width: 100%;
		height: 270px;
	}
	.help-list-item-description {
		padding: 10px 10px 20px 10px;
		text-align: center;
	}
	#benefit .help-list-item-description {
		text-align: left;
	}
	.approach-like {
		margin-top: 20px;
	}
	.approach-list-item {
		width: 100%;
	}
	.market-list-item {
		height: 440px;
		flex-direction: column;
		justify-content: start;
		background-color: #575757;
		gap: 0;
		height: auto;
	}	
	.market-list-item::before {
		top: 20px;
		right: 15px;
	}
	.market-list-item .list-data {
		padding: 0 5px 20px 5px;
		justify-content: start;
		min-height: auto;
	}
	.market-list-item .list-header {
		font-size: 22px;
		line-height: 26px;	
		padding: 0px;		
	}
	.market-list-item .list-description {
		font-size: 16px;
		line-height: 20px;
	}
	.market-list-item .list-image {
		position: relative;
		width: 100%;
		inset: 0;
		height: 200px;
	}
	.market-list-item::after {
		display: block;
	}
	.slide-header {
		font-size: 28px;
		line-height: 34px;
	}
	.slide-description {
		font-size: 18px;
		line-height: 34px;	
		padding: 0 15px;		
	}
	.partners-list-item {
		width: calc(50% - 5px);
		background-size: 80% 80%;
		border-radius: 8px;
	}
	.team-list {
		align-items: center;
		justify-content: space-evenly;
	}
	footer .wrapper {
		flex-direction: column;
		gap: 35px;
	}
	footer .wrapper .footer-socials {
		order: 1;
		align-items: center;
	}	
	footer .wrapper .copyright {
		order: 2;
		justify-content: center;
	}
	.sticky-nav .logo span {
		background-image: url("data:image/svg+xml,%0A%3Csvg width='64' height='26' viewBox='0 0 64 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60.1465 0.451172L51.493 19.8093V0.451172H48.5634H45.9493H44.7324L36.0563 19.8093V0.451172H33.1493H30.5352H29.2958L20.6197 19.8093V0.451172H17.7803H15.1437H13.9268L4.12394 22.3078H0V25.5492H2.68169H5.22817H5.2507H6.53521H11.2676V22.3078H7.97747L15.1437 6.34865V25.5492H18.0507H20.6197H21.9042L30.5352 6.28112V25.5492H32.1882H33.4873H37.3183L45.9493 6.28112V25.5492H48.6275H48.9014H52.7549L64 0.451172H60.1465Z' fill='white'/%3E%3C/svg%3E%0A");	
	}
	.sticky-nav.scrolled  .logo {
		width: 65px;
	}
	#partners h3 {
		padding: 0;
		font-size: 28px;
		line-height: 34px;
	}
	.form-block {
		padding: 40px 0;
	}
	#contacts {
		gap: 40px;
		padding: 0 25px;
	}
	#contacts .form-holder form .fields {
		flex-direction: column;
	}
	.form-buttons {
		flex-direction: column;
		text-align: center;
	}
	.form-block .text ul .contact-list-item {
		font-size: 18px;
		line-height: 28px;
	}
	.form-block .text p {
		font-size: 18px;
		line-height: 24px;		
	}
	.form-response {
		display: none;
	}
	.explore-list-item {
		padding: 20px 15px;
	}
	#team {
		margin-top: 0;
	}
	#contacts .form-holder h2 {
		margin-bottom: 20px;
		text-align: center;
		font-size: 32px;
		line-height: 42px;		
	}
	.form-block h3 {
		font-size: 24px;
		line-height: 32px;			
	}
	#partners {
		padding: 0 16px;
	}
	.partners-list {
		gap: 10px;
	}
	#benefit h2 {
		font-size: 32px;
		line-height: 42px;		
	}
	#join {
		padding: 0 15px;
	}
	.join-image h2 {
		font-size: 32px;
		line-height: 42px;	
		text-align:center;
		max-width: 100%;
	}
	.join-image {
		background-size: cover;
		background-position: top right;
		gap: 40px;
		padding: 15px 20px 20px 20px;
		min-height: 300px;
	}
	.join-image .when {
		gap: 10px;
	}
	#success {
		padding: 0 15px;
		margin-top: 20px;
	}
	#success .text h2 {
		text-align: center;
	}
	#classification {
		margin-top: 20px;
	}
	.descr-button p {
		text-align: center;
	}
	.descr-button {
		flex-direction: column;
		align-items: center;
	}
	#classification .descr-button {
		align-items: center;
	}	
	#classification h2 {
		text-align: center;
	}
	.who-list-item div {
		text-align: center;
	}
	.who-list-item div:nth-of-type(1) {
		margin-top: 10px;
	}
	#practical {
		gap: 50px;
		padding: 0 15px;
	}
	#practical h2 {
		font-size: 32px;
		line-height: 42px;		
	}
	.approach-like {
		padding: 0 15px;
	}
	.approach-list-item {
		padding: 30px;
	}
	#we-help {
		padding: 0 15px;
	}
	.planet .text {
		padding: 0 15px;
	}
	.help-list-item {
		gap: 20px;
	}
	.market-list-item .list-header, .market-list-item .list-description {
		text-align: center;
	}	
	.planet .text {
		margin-bottom: 20px;
	}
	#we-help {
		 margin-top: 0;
	}
	#contacts .form-holder form input.sized-input {
		width: 100% !important;
	}
	.problems-list-item {
		width: 100%;
	}
	.problems-list-item-description, .p-intro {
		text-align: center;
	}
	.p-digit {
		width: 100%;
		justify-content: center;
		text-align: center;
	}

	.additional .f2 * {
		font-size: 18px;
		line-height: 28px;	
	}
	.f-header {
		display: block;
		font-size: 18px;
		line-height: 28px;
	}	
	.modal__content {
		padding: 30px 25px;
	}
	.team-unit {
		width: 157px;
	}
	.team-unit .photo {
		height: 157px;
	}
	.sticky-nav	{
		margin-top: 40px;
	}
}

@media screen and (max-width: 540px) {
	main {
		gap: 80px;
	}
	#we-help,
	.approach-like,
	#classification,
	#success {
		margin: 0;
	}
	#what-about {
		padding-top: 40px;
	}	
	#what-about .who-list-item {
		width: 100%;
	}
	.thanks {
	  gap: 18px;
	  padding: 0 23px;
	}
	.thanks .thanks-ico {
		width: 110px;
		height: 110px;
	}
	.thanks p {
		font-size: 20px;
		line-height: 26px;
	}	
	.additional {
		padding: 25px 0;
	}
	.g-3 p {
		width: 100%;
		max-width: 315px;
	}
	iframe {
		width: 100%;
		max-width: 315px;
	}	
}

@media screen and (max-width: 460px) {
	.wrapper {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.sticky-nav .wrapper {
		justify-content: space-between;
	}
	.sticky-nav.scrolled {
		margin: 0;
	}
	.explore-list-item .help-list-item-header {
		font-size: 32px;
		line-height: 42px;
	}
	.market-list-item .list-data {
		justify-content: end;
	}
	.modal__content {
		padding: 30px 10px;
	}	
	.article-sub {
		font-weight: 700;
		font-size: 28px;
		line-height: 34px;
	}
	.modal__close {
		right: 0;
		top: -20px;
		z-index: 9999;
	}
	header .buttons .btn,
	.explore-list-item .btn	{
		width: 100%;
		text-align: center;
		justify-content: center;
	}
	.explore-list-item .help-list-item-header,
	.explore-list-item p {
		text-align: center !important;
	}	
	#join .text p {
		text-align: center;
	}
	.sticky-nav {
		margin-top: 30px;
	}
	.sticky-nav .logo {
		width: 64px;
		padding-left: 15px;
	}
	.approach-list-item-header {
		font-size: 24px;
		line-height: 32px;
	}	
}
@media screen and (max-width: 414px) {
	.partners-list-item {
		min-height: 40px;
	}
	header .wrapper {
		gap: 20px;
	}
	header .logo {
		margin-bottom: 10px;
	}
	header .buttons {
		gap: 15px;
	}
/* 	main {
		gap: 0;
	} */
	h2 {
		font-size: 32px;
		line-height: 42px;
	}
	.planet .text h2 {
		margin-bottom: 10px;
	}
	.who-list {
		margin-top: 0;
	}
	.who-list-item div {
		font-size: 18px;
		line-height: 28px;
		font-weight: 400;
	}
	.who-list-item div:nth-of-type(1) {
		font-size: 24px;
		line-height: 32px;
		font-weight: 700;		
	}
	.planet-two .planet-map {
		margin-top: 50px;
	}
	.help-list-item {
		gap: 10px;
	}
	.help-list-item-description {
		padding-top: 0;
	}
	.help-list-item-description p, .help-list-item-description a {
		font-size: 18px;
		line-height: 28px;
	}
	.approach-like {
		gap: 40px;
	}
	.approach-list-item-header {
		font-size: 30px;
		line-height: 39px;
		font-weight: 500;		
	}
	.approach-list-item-description {
		font-size: 18px;
		line-height: 24px;
		font-weight: 400;		
	}
	#practical {
		gap: 40px;
	}
	#practical.planet .text {
		gap: 10px;
	}
	#practical.planet .text h2 {
		margin-bottom: 20px;
	}
	#practical .planet .text {
		padding: 0;
	}
	#practical .who-list {
		gap: 40px;
	}
	#practical .who-list-item {
		gap: 10px;
	}
	#practical .who-list-item div:nth-of-type(1) {
		margin-top: 0;
	}
	#classification .descr-button {
		margin: 30px 0 50px 0;
	}
	.market-list-item .list-data {
		gap: 15px;
	}
	#success .text {
		gap: 30px;
	}
	.slide {
		gap: 15px;
	}
	.slide-image {
		height: 260px;
	}
	.slide-header {
		font-weight: 400;
	}
	.slide-description {
		line-height: 24px;
	}
	#join {
		gap: 20px;
	}
	#join .text .btn {
		margin-top: 10px;
	}
	#benefit {
		gap: 30px;
	}
	#benefit .explore-description {
		font-size: 20px;
		line-height: 32px;
		font-weight: 400;
	}
	#benefit .explore-list-item .btn {
		margin-top: 0;
	}
	#benefit .help-list-item-description {
		gap: 30px;
	}
	#team {
		gap: 30px;
	}
	#contacts .form-holder h2 {
		margin-bottom: 15px;
	}
	#contacts .form-holder form textarea {
		height: 103px;
	}
	#contacts .form-holder form input:not([type="submit"])::placeholder, #contacts .form-holder form textarea::placeholder {
		font-size: 18px;
		line-height: 28px;
		font-weight: 400;		
	}
	.form-buttons {
		gap: 10px;
	}
	#contacts .form-holder {
		width: auto;
		flex: auto;
	}
	.planet .text {
		padding: 0;
		margin-bottom: 0;
	}
	.who-list {
		gap: 0;
	}
	.who-list-item div:nth-of-type(1) {
		margin-top: 20px;
		margin-bottom: 10px;
		font-weight: 500;
	}

	#we-help .help-list-item-description {
		padding: 0 10px 20px 10px;
	}
	#success .descr-button {
		gap: 30px
	}	
	.team-unit .socials a {
		width: 36px;
		height: 36px;
		background-size: 60%;
	}
}

@media screen and (max-width: 374px) {
	.team-unit {
		width: 128px;
		flex: 1;
	}
	.team-unit .photo {
		height: 128px;
	}
	
	#we-help, .approach-like, #join, #success, #partners {
		padding: 0;
	}
	.help-list-item-description h3 {
		font-size: 28px;
	}
	.approach-header h2 {
		font-size: 28px;
	}
}	