:root {
	--main-bg-color: #1F1F1F;
	--light-green: #4BDBC3;
	--light-green-hover: #20FFDA;
	--light-green-active: #1FB199;
	--middle-grey: #454545;
	--word-part-bg: #209985;
	--dark-green-bg: #104D43;
	--link-grey: #989898;
	--link-grey-hover: #D2D2D2;
	--link-grey-active: #373737;
	--link-grey-active-dot: #D2D2D2;
	--slide-grey: #575757;
	--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-color: var(--middle-grey); 
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: auto 490px;
  position: relative;
}

main {
	flex: 1;
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 0;
}

footer {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.wrapper {
	max-width: 1140px;
	margin: 0 auto;
	width: 100%;
}
.v-space {
	padding-top: 90px;
	padding-bottom: 90px;
}

p, li, a, span {
	margin: 0;
	font-weight: 400;
	font-size: 18px;
	line-height: 27px;
	letter-spacing: 0;
}

h1 {
	margin: 0;
	font-weight: 900;
	font-size: 90px;
	line-height: 108px;
	letter-spacing: 0;
}

h2, #partners-scroll h3 {
	margin: 0;
	font-weight: 400;
	font-size: 40px;
	line-height: 52px;
	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;
}

.text-center {
	width: 100%;
	text-align: center;
}

@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: 150px 0 0 0;
	gap: 25px;
}

header .main-header {
	font-size: 60px;
	line-height: 72px;
	margin-top: 30px;
	z-index: 2;
	font-family: 'Geometria-ExtraBold';
	letter-spacing: 0;
	font-weight: 800;
	text-align: center;
}

header .main-description {
	font-weight: 500;
	font-size: 25px;
	line-height: 32px;
	text-align: center;
	z-index: 2;
}

header .buttons {
	gap: 25px;
	z-index: 2;
	margin-bottom: 12px;
	justify-content: center;
}
header .image-bottom {
	display: flex;
	justify-content: center;
}
header .image-bottom img {
	max-width: 100%;
	max-height: 480px;
}

.sticky-nav {
	position: sticky;
	top: 0;
	z-index: 10;
	margin-top: 60px;
	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: 12px;
	padding-left: 20px;
}

.sticky-nav ul {
	list-style: none;
	gap: 28px;
	padding: 0;
	margin: 0;
	align-items: stretch;
	width: 100%;
	overflow: hidden;
	justify-content: start;
	transition: ease .3s;
	justify-content: space-between;
}
.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: 18px;
	line-height: 27px;
}

.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;
	margin-right: -30px;
}

.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;
	margin: auto;
}
.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='%234BDBC3'/%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;
	min-width: 60%;
}
.planet .text p,
.planet .text ul {
	max-width: 458px;
}

.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-one {
	background-position: right 0 top -100px;
	background-image: url('images/matters-1.svg');
}


.planet-two {
	background-position: right center;
	background-image: url('images/economy-1.png');
	background-size: auto 663px;
}

.planet-map {
	min-height: 645px;
	background-size: contain;
}

#partners-scroll {
	gap: 80px;
	background-color: var(--middle-grey);
	padding-top: 130px;
}

.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: 18px;
	line-height: 27px;
}
.who-list-item div:nth-of-type(1) {
	color: var(--light-green);
	font-size: 24px;
	line-height: 32px;
	font-family: 'Geometria-Bold';
}

#we-help {
	gap: 50px;
}

#we-help h2 {
	text-align: center;
}

.help-list-item-description {
	padding-left: 20px;
	padding-right: 20px;
}
.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 ul {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin: 0;
	padding-left: 25px;
}

.help-list-item-description h3 {
	font-family: "Geometria-Bold";
	font-size: 24px;
	line-height: 32px;
}

.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: 50px;
}

.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: 28px;
	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='40' height='44' viewBox='0 0 40 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.125 9C12.4326 9 10.25 11.1826 10.25 13.875H7C7 9.38769 10.6377 5.75 15.125 5.75V9Z' fill='%234BDBC3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.125 0.875C7.9453 0.875 2.125 6.6953 2.125 13.875C2.125 21.0547 7.9453 26.875 15.125 26.875C18.1424 26.875 20.9197 25.847 23.1258 24.1221L36.0707 36.4015L38.3074 34.0436L25.418 21.8168C27.1152 19.6203 28.125 16.8656 28.125 13.875C28.125 6.6953 22.3047 0.875 15.125 0.875ZM5.375 13.875C5.375 8.49022 9.74022 4.125 15.125 4.125C20.5098 4.125 24.875 8.49022 24.875 13.875C24.875 19.2598 20.5098 23.625 15.125 23.625C9.74022 23.625 5.375 19.2598 5.375 13.875Z' fill='%234BDBC3'/%3E%3Cpath d='M0.5 43.125L39.5 43.125V39.875L0.5 39.875V43.125Z' fill='%234BDBC3'/%3E%3C/svg%3E%0A");
}

.approach-list-item-icon.icon-2 {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='43' height='45' viewBox='0 0 43 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0.25C7.30761 0.25 5.125 2.43261 5.125 5.125V8.375H0.25V11.625H5.125V16.5H0.25V19.75H5.125V24.625H0.25V27.875H5.125V32.75H0.25V36H5.125V39.25C5.125 41.9424 7.30761 44.125 10 44.125H37.625C40.3174 44.125 42.5 41.9424 42.5 39.25V5.125C42.5 2.43261 40.3174 0.25 37.625 0.25H10ZM8.375 36V39.25C8.375 40.1475 9.10254 40.875 10 40.875H37.625C38.5225 40.875 39.25 40.1475 39.25 39.25V5.125C39.25 4.22754 38.5225 3.5 37.625 3.5H10C9.10254 3.5 8.375 4.22754 8.375 5.125V8.375H13.25V11.625H8.375V16.5H13.25V19.75H8.375V24.625H13.25V27.875H8.375V32.75H13.25V36H8.375Z' fill='%234BDBC3'/%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='M32.2741 18.7155L29.976 16.4174L21.375 25.0183L16.024 19.6674L13.726 21.9655L21.375 29.6145L32.2741 18.7155Z' fill='%234BDBC3'/%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='%234BDBC3'/%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='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='%234BDBC3'/%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='%234BDBC3'/%3E%3Cpath d='M31.1735 25.8559C30.7763 27.4448 28.6141 31.125 23 31.125C17.3859 31.125 15.2237 27.4447 14.8265 25.8559L11.6735 26.6441C12.3596 29.3886 15.6141 34.375 23 34.375C30.3859 34.375 33.6404 29.3886 34.3265 26.6441L31.1735 25.8559Z' fill='%234BDBC3'/%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='%234BDBC3'/%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: 360px;
	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: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.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 .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;
}

#practical-benefits {
	gap: 40px;
	position: relative;
}
#practical-benefits h2,
#practical-benefits .about-content {
	display: block;
	width: 100%;
	text-align: center;
}

#practical-benefits .text {
	gap: 40px;
}

#practical-benefits .text {
	width: 293px;
}

#practical-benefits .descr-button {
	gap: 50px;
}

.story-slider {
	flex: 1;
	position: relative;
	overflow: hidden;
}

.slider-container {
	width: 100%;
	position: relative;
}

.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;
	box-sizing: border-box;
}


.slide-image {
	display: flex;
	min-height: 555px;
	width: 555px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: var(--slide-grey);
	border-radius: 20px;
}
.slide-content {
	flex: 1;
}

.slide-header {
	font-size: 39px;
	line-height: 47px;
	padding: 0 75px;
	font-family: 'Geometria-Bold';
}

.slide-description {
	font-size: 20px;
	line-height: 30px;
	padding: 0 0 0 30px;
	gap: 15px;
}
.slide-description span {
	color: var(--light-green);
	font-weight: 500;
	font-size: 20px;
	line-height: 26px;
}

.slider-navigation.flex {
	justify-content: center;
	padding: 40px 0 0 0;
	gap: 10px;
}

.slider-dot {
	width: 110px;
	height: 5px;
	border-radius: 32px;
	cursor: pointer;
	background: var(--link-grey-active);
}

.slider-dot.active {
	background: var(--link-grey-active-dot);
}

.slider-arrow {
  position: absolute;
  top: calc(50% - 50px);
  transform: translateY(-50%);
  background-color: var(--slide-grey);
  background-image: url("data:image/svg+xml,%0A%3Csvg width='11' height='18' viewBox='0 0 11 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.52344L9.5 9.02344L1.5 16.5234' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}

.slider-arrow.prev {
  left: -70px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='11' height='17' viewBox='0 0 11 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1.08594L2 8.58594L10 16.0859' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.slider-arrow.next {
  right: -70px;
}

.slider-arrow:hover {
  opacity: .9;
}


#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-list {
  width: 100%;
  overflow: hidden;
  margin: 60px 0 100px 0;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

#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-scroll {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#partners .partners-list {
  width: 100%;
  overflow: unset;
  margin: 0;
  display: flex;
  flex-direction: row;
  gap: 20px;
}
#partners .partners-list-item {
	background-color: #333;
	background-repeat: no-repeat;
	padding: 10px;
	border-radius: 15px;
	background-position: center;
	width: calc(25% - 15px);
	min-height: 70px;
	position: relative;
	overflow: hidden;
}
#partners .partners-list-item span {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	text-align: center;
	opacity: 0;
	background: #454545;
	color: #fff;
	font-size: 13px;
	line-height: 110%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	cursor: pointer;
}
#partners .partners-list-item:hover span {
	opacity: 1;
}


/* Контейнер одной линии */
.swiper {
  position: relative;
  width: 100%;
  overflow: hidden;
  transform-style: preserve-3d;
}

/* Контейнер со слайдами */
.swiper-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 54px;
  animation: scroll-left 120s linear infinite;
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000px;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;  
}
.partners-list-item img {
  display: block;
  width: auto;
  height: 70px;
  transform: translateZ(0);
}

/* Вариант для движения вправо */
.swiper-rtl .swiper-wrapper {
  animation: scroll-right 120s linear infinite;
}



/* Слайд */
.swiper-slide.partners-list-item {
  flex: 0 0 auto;
  display: inline-block;
  height: 70px;
  min-width: 140px; /* чтобы не схлопывались */
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 15px;
  transform: translateZ(0);
  transform: translateZ(0);
  contain: paint;
  backface-visibility: hidden;
}

/* Ключевые кадры движения */
@keyframes scroll-left {
  0%   { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-50%, 0, 0); }
}

@keyframes scroll-right {
  0%   { transform: translate3d(-50%, 0, 0); }
  100% { transform: translate3d(0, 0, 0); }
}







#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;
	flex: 1;
}

.team-unit .bio .name {
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
}

.team-unit .bio .title {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	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");
}
.planet-two {
	margin-top: 90px;
}
#what-about {
	gap: 50px;
}
#what-about h2 {
	text-align: center;
}
#what-about .text {
	gap: 28px;
}
.about-content {
	gap: 20px;
	margin-bottom: 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;
}

.form-block h3 {
	font-size: 28px;
	line-height: 35px;
}

.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='%234BDBC3'/%3E%3C/svg%3E%0A");
	font-weight: 700;
	font-size: 22px;
	line-height: 28px;
}
.form-block .text .btn.whatsapp {
	margin-bottom: 5px;
}

.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='%2320FFDA'/%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='%234BDBC3'/%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='%2320FFDA'/%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 .contact-list-item span {
	display: none;
}

.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);
}

.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;
}
.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: 18px;
	line-height: 27px;
	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);
}
.form-holder form input[type="checkbox"] {
	display: none;
}


/* поля с текстом */
.form-holder form input:not([type="submit"]):not(:placeholder-shown),
.form-holder form textarea:not(:placeholder-shown) {
	background: #737373;
	color: #D2D2D2;
}

.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;
  overflow: hidden;
}

.fade-scroll.visible {
  opacity: 1;
  transform: translateY(0);
}

.methodology-desc {
	gap: 10px;
}

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;
}
.thanks .thanks-ico {
	width: 120px;
	height: 120px;
	background-image: url("data:image/svg+xml,%0A%3Csvg width='106' height='106' viewBox='0 0 106 106' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M74.4016 43.1126L69.0983 37.8093L49.25 57.6576L36.9016 45.3093L31.5983 50.6126L49.25 68.2642L74.4016 43.1126Z' fill='%234BDBC3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M53 0.5C24.005 0.5 0.5 24.005 0.5 53C0.5 81.9949 24.005 105.5 53 105.5C81.9949 105.5 105.5 81.9949 105.5 53C105.5 24.005 81.9949 0.5 53 0.5ZM8 53C8 28.1472 28.1472 8 53 8C77.8528 8 98 28.1472 98 53C98 77.8528 77.8528 98 53 98C28.1472 98 8 77.8528 8 53Z' fill='%234BDBC3'/%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;
}

.thx-icons {
	justify-content: center;
	gap: 40px;
}
.thx-icons a {
	display: block;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center;
}
.thx-icons a.thx-email {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='48' height='33' viewBox='0 0 48 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.25 0.8125C2.66117 0.8125 0.5625 2.91116 0.5625 5.5V27.375C0.5625 29.9638 2.66117 32.0625 5.25 32.0625H42.75C45.3388 32.0625 47.4375 29.9638 47.4375 27.375V5.5C47.4375 2.91116 45.3388 0.8125 42.75 0.8125H5.25ZM3.6875 5.83791V27.375C3.6875 28.2379 4.38706 28.9375 5.25 28.9375H42.75C43.6129 28.9375 44.3125 28.2379 44.3125 27.375V5.83791L24 19.9004L3.6875 5.83791ZM41.5675 3.9375H6.43253L24 16.0996L41.5675 3.9375Z' fill='%234BDBC3'/%3E%3C/svg%3E%0A");
}
.thx-icons a.thx-tg {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45.0515 9L5 24.8098L19.7558 26.9178M45.0515 9L39.7815 40.6196L19.7558 26.9178M45.0515 9L19.7558 26.9178M19.7558 26.9178V38.5116L26.6042 31.6036' stroke='%234BDBC3' stroke-width='3.16196' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.thx-icons a.thx-wa {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.2186 9.03604C37.3564 7.15496 35.1383 5.6635 32.6936 4.64866C30.2489 3.63381 27.6266 3.1159 24.9796 3.12512C13.889 3.12512 4.85 12.1642 4.85 23.2547C4.85 26.8094 5.78437 30.2625 7.53124 33.3094L4.6875 43.75L15.3515 40.9469C18.2968 42.5516 21.6078 43.4047 24.9796 43.4047C36.0702 43.4047 45.1093 34.3657 45.1093 23.2751C45.1093 17.8923 43.0171 12.8345 39.2186 9.03604ZM24.9796 39.9922C21.9734 39.9922 19.0281 39.1797 16.4484 37.6563L15.839 37.2906L9.50155 38.9563L11.1875 32.7813L10.7812 32.1516C9.11103 29.4845 8.22418 26.4016 8.22186 23.2547C8.22186 14.0329 15.7375 6.5173 24.9593 6.5173C29.4281 6.5173 33.6327 8.26417 36.7812 11.4329C38.3401 12.9847 39.5755 14.8305 40.4159 16.8633C41.2562 18.8961 41.6846 21.0754 41.6765 23.2751C41.7171 32.4969 34.2015 39.9922 24.9796 39.9922ZM34.1608 27.4797C33.653 27.236 31.1749 26.0172 30.728 25.8344C30.2609 25.6719 29.9359 25.5907 29.5906 26.0782C29.2452 26.586 28.2906 27.7235 28.0062 28.0485C27.7218 28.3938 27.4171 28.4344 26.9093 28.1704C26.4015 27.9266 24.7765 27.3782 22.8671 25.6719C21.364 24.3313 20.3687 22.686 20.064 22.1782C19.7796 21.6704 20.0234 21.4063 20.2875 21.1423C20.5109 20.9188 20.7953 20.5532 21.039 20.2688C21.2828 19.9844 21.3843 19.761 21.5468 19.436C21.7093 19.0907 21.6281 18.8063 21.5062 18.5626C21.3843 18.3188 20.3687 15.8407 19.9625 14.8251C19.5562 13.8501 19.1296 13.972 18.825 13.9517H17.85C17.5046 13.9517 16.9765 14.0735 16.5093 14.5813C16.0625 15.0891 14.7625 16.3079 14.7625 18.786C14.7625 21.2641 16.5703 23.661 16.814 23.986C17.0578 24.3313 20.3687 29.4094 25.4062 31.5828C26.6046 32.111 27.539 32.4157 28.2702 32.6391C29.4687 33.025 30.5655 32.9641 31.439 32.8422C32.414 32.7 34.4249 31.6235 34.8312 30.4454C35.2577 29.2672 35.2577 28.2719 35.1155 28.0485C34.9734 27.825 34.6687 27.7235 34.1608 27.4797Z' fill='%234BDBC3'/%3E%3C/svg%3E%0A");
}

/* Во время появления */
.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;
}
#update {
	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;
}
.get-demo {
  width: fit-content;
  position: fixed;
  right: -100%; /* изначально за экраном */
  bottom: 50px;
  z-index: 999;
  transition: all 1s ease;
  cursor: pointer;
  background: #fff;
}
.get-demo span {
  font-size: 20px;
  line-height: 32px;  	
}

/* Активное состояние: кнопка выехала */
.get-demo.visible {
  right: 25px;
  transition: all 1s ease;
}

.planet-one .planet-map img,
.planet-two .planet-map img {
	display: none;
}

#how-it-works {
	gap: 60px;
}
#how-it-works .text {
	flex: 1;
}
#how-it-works .who-list {
	margin: 0;
	gap: 50px 30px;
}

#how-it-works .how-about {
	gap: 20px;
	max-width: 525px;
}
#how-it-works .how-about h2 {
	margin-bottom: 20px;
}
#how-it-works .how-about ul {
	margin: 0;
	display: flex;
	flex-direction: column;
	padding-right: 25px;
	gap: 20px;
}
#update ul {
	margin: 0;
	padding: 0 0 0 25px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

#overview {
	gap: 50px;
}
.overview-wrapper {
	max-width: 1184px;
}

.overview-circle {
  position: relative;
  display: block;       /* растягиваем под изображение */
  width: 100%;
  max-width: 100%;
  overflow: visible;    /* чтобы анимация не обрезалась */
}

.overview-circle img {
  width: auto;
  max-width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity 0.8s ease-out, -webkit-mask-size 3s ease-out, mask-size 3s ease-out, -webkit-mask-position 3s ease-out, mask-position 3s ease-out;
}

/* ------------------ БОЛЬШИЕ ЭКРАНЫ (lg) ------------------ */
@media (min-width: 992px) {
  .overview-circle .img-lg {
    display: block;
    -webkit-mask-image: radial-gradient(circle, rgba(0,0,0,1) calc(50% - 15px), rgba(0,0,0,0) calc(50% + 15px));
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 0%;
    mask-image: radial-gradient(circle, rgba(0,0,0,1) calc(50% - 15px), rgba(0,0,0,0) calc(50% + 15px));
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 0%;
  }

  .overview-circle .img-md,
  .overview-circle .img-xs {
    display: none;
  }
}

/* ------------------ СРЕДНИЕ ЭКРАНЫ (md) ------------------ */
@media (min-width: 768px) and (max-width: 991px) {
  .overview-circle .img-md {
    display: block;
    -webkit-mask-image: radial-gradient(circle, rgba(0,0,0,1) calc(50% - 15px), rgba(0,0,0,0) calc(50% + 15px));
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 0%;
    mask-image: radial-gradient(circle, rgba(0,0,0,1) calc(50% - 15px), rgba(0,0,0,0) calc(50% + 15px));
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 0%;
  }

  .overview-circle .img-lg,
  .overview-circle .img-xs {
    display: none;
  }
}

/* ------------------ МАЛЕНЬКИЕ ЭКРАНЫ (xs) ------------------ */
@media (max-width: 767px) {
  .overview-circle {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: visible;
    position: relative;
  }

  /* скрываем все изображения, кроме xs */
  .overview-circle img {
    display: none;
  }

  .overview-circle .img-xs {
    display: block;
    max-width: 100%;
    height: auto;
    opacity: 0;

    clip-path: circle(0% at left center);
    transition: clip-path 2s ease-out, opacity 1.6s ease-out;
  }

  .overview-circle.visible .img-xs {
    opacity: 1;
    clip-path: circle(150% at left center); /* полностью раскрывает блок */
  }

  .overview-circle .img-lg,
  .overview-circle .img-md {
    display: none;
  }
}






/* ------------------ ОБЩИЕ ПРАВИЛА ДЛЯ VISIBLE ------------------ */
.overview-circle.visible .img-lg,
.overview-circle.visible .img-md {
  opacity: 1;
  -webkit-mask-size: 300%;
  mask-size: 300%;
}

.overview-circle.visible .img-lg.mask-finish,
.overview-circle.visible .img-md.mask-finish {
  -webkit-mask-image: none;
  mask-image: none;
}

#full-base {
	gap: 40px;
}
.base-descr {
	gap: 15px;
	margin-bottom: 10px;
}
.descr-btn {
	width: fit-content;
	align-items: start;
}
.desrc-text {
	flex: 1;
	font-size: 18px;
	line-height: 27px;
}
.base-descr h6 {
	color: var(--light-green);
	font-size: 28px;
	line-height: 35px;
	font-family: 'Geometria-Medium';
	margin: 0;
}
#ux-base h2 {
	margin-bottom: 50px;
	text-align: center;
}
#ux-base .desrc-text {
	gap: 15px;
}
#ux-base .desrc-text p {
	margin-bottom: 20px;
}

.ux-base-list {
	gap: 30px;
}
.ux-base-list-item {
	width: calc(33.333% - 20px);
	padding: 30px;
	border-radius: 20px;
	background: var(--link-grey-active);
}
.uxb-digit {
	margin-bottom: 15px;
	font-weight: 700;
	font-size: 50px;
	line-height: 50px;
	letter-spacing: 0%;
	color: var(--light-green);
	font-family: 'Geometria-Bold';
}
.uxb-header {
	margin-bottom: 9px;
	font-family: 'Geometria-Bold';
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 0%;
}

#tariffs {
	gap: 50px;
}
#tariffs h2 {
	text-align: center;
}
.tariffs-disclaimer {
	margin-top: 10px;
}

.tariff-list {
	gap: 20px;
}
.tariff-list .triff-item {
	padding: 25px 30px 30px 30px;
	gap: 20px;
	border-radius: 20px;
	background: #333;
	flex-direction: column;
	align-items: start;	
}
.tariff-name {
	gap: 20px;
	align-items: center;
}
.tariff-name .word {
	font-family: 'Geometria-Medium';
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 0%;	
}

.tariff-name .time {
	padding: 4px 10px;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0%;
	background: var(--slide-grey);	
	border-radius: 8px;
}
.tariff-list .triff-item .tariff-descr {
	height: 0;
	overflow: hidden;
	transition: height 0.35s ease;
	font-size: 16px;
	line-height: 22px;	
	width: 100%;
}
.tariff-list .triff-item.open .tariff-descr {
	height: auto;
	width: 100%;
}
.tariff-list .triff-item .hint {
	padding-bottom: 20px;
}
.tariff-list .triff-item .tariff-descr .features {
	padding: 20px 0;
	gap: 20px;
	border-top: 1px solid #737373;
	border-bottom: 1px solid #737373;
	width: 100%;
}
.tariff-list .triff-item .tariff-descr .features > div {
	width: calc(50% - 30px);
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.tariff-list .triff-item .tariff-descr .features > div span {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0%;	
	color: var(--link-grey);
}
.tariff-list .triff-item .tariff-buttons {
	gap: 20px;
	max-width: 350px;
	align-items: end;
}
.tariff-list .triff-item .tariff-buttons .btn-detials {
	position: relative;
	padding-right: 55px;
}
.tariff-list .triff-item .tariff-buttons .btn-detials i {
	position: absolute;
	display: block;
	content: '';
	width: 15px;
	height: 15px;
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='11' viewBox='0 0 17 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 1L8.5 9L1 0.999999' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
	background-position: center;
	background-repeat: no-repeat;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	transition: ease .3s;
}
.tariff-list .triff-item.open .tariff-buttons .btn-detials i {
	transform: rotate(-180deg) translateY(50%);
	transition: ease .3s;
}
.tariff-list .triff-item .tariff-price {
	gap: 20px;
	align-items: flex-start;
	width: 100%;
}
.tariff-list .triff-item .tariff-price .prices {
	gap: 20px;
	flex: 1;
	width: 100%;
} 

.tariff-list .triff-item .tariff-price .prices .price {
	width: calc(33.333% - 20px);
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.tariff-list .triff-item .tariff-price .prices .price-individual {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.tariff-list .triff-item .tariff-price .prices .price-individual span.descr {
	color: var(--light-green);
	font-family: 'Geometria-Bold';
	font-weight: 700;
	font-size: 17px;
	line-height: 20px;
	letter-spacing: 0%;
}
.tariff-list .triff-item .tariff-price .prices .price .descr,
.tariff-list .triff-item .tariff-price .prices .price-individual span.ind-acc {
	font-size: 14px;
	line-height: 18px;
}
.tariff-list .triff-item .tariff-price .prices .price .howmuch {
	font-family: 'Geometria-Bold';
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 0%;
	color: var(--light-green);
}

#economy {
	gap: 40px;
}



/* RESPONSIVE */

@media screen and (min-width: 1024px) {
	#how-it-works .how-about h2 {
		max-width: 400px;
	}
}
@media screen and (max-width: 1799px) {
	.planet-two {
		background-size: contain;
	}		
}
@media screen and (max-width: 1599px) {
	.planet-one {
		background-image: url('images/matters-2.svg?r');
		background-size: contain;
		background-position: top -50px right 0;
	}		
}

@media screen and (max-width: 1439px) {
	.close-holder {
		top: 10px;
		margin-right: 10px;
	}	

}

@media screen and (max-width: 1279px) {
	.wrapper {
		max-width: 1024px;
		padding-left: 25px;
		padding-right: 25px;
	}
	.v-space {
		padding-top: 60px;
		padding-bottom: 60px;		
	}
	header .wrapper {
		padding-bottom: 0;
	}
	.sticky-nav ul {
		gap: 20px;
	}
	.planet-one .planet-map {
		background-position: top -50px right -60px;
	}	
	.planet-one .wrapper {
		padding-right: 0;
	}
	.planet-two {
		background-image: url('images/economy-2.png');
		background-size: contain;
		position: right center;
	}
	.help-list-item-image {
		background-size: cover;
	}
	.team-list {
		gap: 35px 15px;
	}
	.team-unit {
		width: 202px;
	}	
	.team-unit .photo {
		height: 202px;
	}
	#partners-scroll {
		padding-top: 60px;
	}
	.tariff-list .triff-item .tariff-price {
		flex-direction: column;
	}
	.uxb-header {
		font-size: 25px;
		line-height: 30px;
	}
	#practical-benefits {
		padding-left: 50px;
		padding-right: 50px;
	}
	.slide {
		flex-direction: column;
		gap: 30px;
		padding: 0;
	}
	.slide-image {
		width: 100%;
		min-height: 360px;
	}
	.slider-dot {
		width: 56px;
	}
	.slider-navigation.flex {
		padding: 15px 0 0 0;
	}
	.partners-list-item img {
		height: 49px;
	}
	.swiper-slide.partners-list-item {
		height: 49px;
	}
	.swiper-wrapper {
		gap: 40px;
	}
}
@media screen and (max-width: 1099px) {
	header .wrapper, .sticky-nav .wrapper, .sticky-nav.scrolled .wrapper {
		padding-left: 25px;
		padding-right: 25px;
	}	
	#practical {
		gap: 30px;
	}
	#practical-benefits {
		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;
	}	
	#how-it-works .who-list {
		flex-direction: column;
	}
}
@media screen and (max-width: 1023px) {
	#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: 50px;
	}
	.planet-map {
		background: none;
		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 {
		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;
	}
	#we-help .help-list-item-image {
		padding: 0;
		background-size: cover;
		width: 250px;
		border-radius: 10px;
	}
	#full-base .help-list-item-image {
		width: 280px;
		height: auto;
		border-radius: 10px;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
	}	
	.help-list-item-description {
		flex: 1;
		padding: 20px 30px;
	}
	.help-list-item-description ul {
		padding-bottom: 110px;
	}
	.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;
	}
	#practical-benefits  {
		margin-top: 0;
		width: 100%;
		flex-direction: column;
		gap: 40px;
	}
	#practical-benefits .text {
		width: 100%;
		flex-direction: row;
	}
	#practical-benefits .text h2 {
		text-align: left;
	}
	.slide {
		flex: 0 0 100%;
		width: 100%;
	}

	.slide-header,
	.slide-description {
		padding: 0;
		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;
	}
	.partners-list {
		margin: 50px 0 75px 0;
	}
}

@media screen and (max-width: 991px) {
	.help-list-item-description {
		gap: 20px;
	}
	#full-base {
		gap: 30px;
	}
	#full-base .base-descr {
		margin-bottom: 20px;
	}
	#ux-base .desrc-text p {
		margin-bottom: 15px;
	}
	#ux-base h2 span {
		display: inline-block;
	}
	#how-it-works .how-about h2 {
		margin-bottom: 10px;
	}
	#how-it-works {
		gap: 50px;
	}
	header .buttons {
		margin: 0;
	}
	#how-it-works .how-about p {
		text-align: center;
	}
	#how-it-works .who-list {
		gap: 40px;
		flex-direction: row;
		flex-wrap: wrap;
	}
	#how-it-works .who-list .who-list-item {
		width: calc(50% - 20px);
		flex: auto;
	}
	.tariff-list .triff-item .tariff-descr .features > div {
		width: 100%;
		gap: 5px;
	}
	#partners .partners-list-item span {
		display: none;
	}	
	.tariff-list .triff-item .tariff-descr .features {
		flex-direction: column;
	}
	.tariff-list .triff-item .tariff-buttons .btn {
		min-width: 157px;
		text-align: center;
		justify-content: center;
		display: flex;
	}
	#how-it-works {
		flex-direction: column;
		align-items: center;
	}
	#how-it-works .how-about {
		max-width: 100%;
	}
	#how-it-works .how-about ul {
		align-items: center;
	}
	#how-it-works .how-about ul li {
		text-align: center;
	}
	.ux-base-list {
		flex-direction: column;
	}
	.ux-base-list-item {
		width: 100%;
	}
	.planet-two {
		margin-top: 60px;
		padding-bottom: 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: 280px;
	}	
	.market-list-item .list-image {
		position: relative;
		width: 280px;
	}
	.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 .partners-list {
		max-width: 718px;
		margin: 0 auto;
		justify-content: center;
	}
	#partners .partners-list-item {
		width: calc(33.3333% - 15px);
	}
	#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: 10px;
	}
	.planet .text {
		gap: 20px;
	}
	.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;
	}
	#practical-benefits .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;		
	}	
	#practical-benefits {
		padding-left: 70px;
		padding-right: 70px;
	}		
}
@media screen and (max-width: 767px) {
	.sticky-nav .btn {
		display: none !important;
	}	
	.help-list-item-image {
		padding-top: inherit;
	}
	#full-base .help-list-item-image {
		width: 100%;
		height: 280px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	
	.base-descr {
		flex-direction: column;
		align-items: center;
	}
	.form-block .text * {
		text-align: center;
	}
	.form-block .text ul {
		width: 250px;
		margin: 0 auto 15px auto;
	}
	.form-block .text .btn {
		margin: 0 auto;
	}
	#how-it-works .who-list .who-list-item {
		width: 100%;
	}	
	.tariff-list .triff-item .tariff-price .prices .price {
		width: calc(50% - 10px);
		display: flex;
		flex-direction: column;
		gap: 20px;
	}	
	.get-demo {
		bottom: 25px;
	}
	.wrapper {
		padding-left: 0;
		padding-right: 0;
	}
	.v-space {
		padding-top: 40px;
		padding-bottom: 40px;		
	}
	.help-list-item-description ul {
		padding-bottom: 0;
	}	
	#contacts .field-wrapper {
		width: 100%;
	}
	#contacts .form-holder {
		width: 100%;
	}	
	.wrapper {
		max-width: 460px;
	}
	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% !important;
		height: 300px;
	}
	.help-list-item-description {
		padding: 10px 10px 20px 10px;
		text-align: start;
	}
	#benefit .help-list-item-description {
		text-align: left;
	}
	.approach-like {
		margin-top: 20px;
	}
	.approach-list-item {
		width: 100%;
	}
	.market-list-item .list-data {
		padding: 20px 5px;
	}
	.market-list-item .list-image {
		position: absolute;
		width: 100%;
	}
	.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 .partners-list-item {
		width: calc(50% - 5px);
		background-size: 80% 80%;
		border-radius: 8px;
	}
	#partners .partners-list-item span {
		font-size: 10px;
	}
	#partners-scroll .partners-list {
		margin: 30px 0;
	}
	.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;
	}

	#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;	
	}
	#partners .partners-list {
		gap: 10px;
	}
	#join {
		padding: 0 15px;
	}
	.join-image h2 {
		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;
	}
	#practical-benefits {
		padding: 0;
		margin-top: 20px;
	}
	#practical-benefits .text h2 {
		text-align: center;
	}
	#classification {
		padding: 0 15px;
		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;
	}
	.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;
	}
	.slider-arrow {
		display: none;
	}	
}

@media screen and (max-width: 540px) {		
	.tariff-list .triff-item {
		padding: 15px 20px 20px 20px;
	}
	.tariff-list .triff-item .tariff-price .prices .price-individual {
		width: 100%;
	}
	#we-help,
	.approach-like,
	#classification,
	#practical-benefits {
		margin: 0;
	}
	.planet-two {
		margin-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;
	}
	#partners .partners-list-item {}
	.sticky-nav .wrapper {
		justify-content: space-between;
	}
	.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: 205px;
		height: 25px;
	}
	.tariff-list .triff-item .tariff-buttons .btn {
		padding: 12px 26px !important;
		width: 100% !important;
		align-items: center;
		justify-content: center;
		gap: 10px;
		display: flex;
	}
	.tariff-list .triff-item .tariff-buttons .btn-detials i {
		position: relative;
		right: auto;
		top: auto;
		bottom: auto;
		left: auto;
		transform: translateY(0) !important;
	}
	header .image-bottom {
		margin-top: 12px;
	}
	.help-list-item-description h3,
	.help-list-item-description p {
		text-align: center;
	}
	.slide-description p {
		margin-bottom: 5px;
	}
	#how-it-works .how-about {
		gap: 10px;
	}
	#how-it-works .how-about ul {
		gap: 10px;
	}
	.who-list-item div:nth-of-type(1) {
		margin: 0;
	}
	#update {
		gap: 40px;
	}
	.approach-list {
		gap: 20px;
	}
	.tariff-list .triff-item .hint {
		padding-top: 4px;
		padding-top: 24px;
	}
	.tariff-list .triff-item .tariff-descr .features {
		padding: 24px 0;
	}
	.tariff-list .triff-item .tariff-price .prices .price {
		gap: 5px;
	}
	.tariff-list .triff-item .tariff-buttons {
		gap: 10px;
	}
	#ux-base h2	{
		margin-bottom: 40px;
	}
	#ux-base .desrc-text p {
		margin-bottom: 5px;
	}
	.ux-base-list {
		gap: 20px;
	}
	.uxb-header {
		margin-bottom: 15px;
	}
}
@media screen and (max-width: 414px) {
	.partners-list-item {
		min-height: 40px;
	}
	header .logo {
		margin-bottom: 10px;
	}
	header .buttons {
		gap: 10px;
	}
/* 	main {
		gap: 0;
	} */
	h2, #partners-scroll h3 {
		font-size: 28px;
		line-height: 36px;
	}
	.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-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;
	}
	#practical-benefits .text {
		gap: 30px;
	}
	.slide {
		gap: 20px;
	}
	.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;
	}

	.help-list-item-description {
		padding: 0 10px 20px 10px;
	}
	#practical-benefits .descr-button {
		gap: 30px
	}	
	.team-unit .socials a {
		width: 36px;
		height: 36px;
		background-size: 60%;
	}
	#partners .partners-list-item {
		min-height: 40px;
	}
	header .wrapper {
		padding-top: 122px;
		gap: 25px;
	}
	header .main-header {
		line-height: 42px;
	}
	header .main-description {
		font-size: 20px;
		line-height: 26px;
	}
	.sticky-nav .wrapper {
		padding: 10px;
	}
}

@media screen and (max-width: 374px) {
	.team-unit {
		width: 128px;
	}
	.team-unit .photo {
		height: 128px;
	}
	.team-unit .bio .title {
		font-size: 14px;
	}
}