h1,
h2,
h3,
h4,
p {
margin: 0;
padding: 0;
}
ul {
list-style: none;
padding: 0;
margin: 0;
}
.container-xl {
max-width: 1160px;
padding: 0 20px;
margin: 0 auto;
}
.marquee1 {
width: 100%;
height: 73px;
overflow: hidden;
margin-top: -28px;
}
.marquee2 {
opacity: 0;
width: 100%;
overflow: hidden;
}
.marquee__item {
display: flex;
flex-wrap: nowrap;
gap: 32px;
}
.marquee__item {
display: flex;
flex-wrap: nowrap;
gap: 30px;
}
.marquee__item2 div {
margin-right: 20px;
}
.marquee__item1 div {
min-width: 190px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;

border-radius: 25px;
border: 1px solid #e3e3e3;
background: #fff;
box-shadow: -2px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

/* ========= marquee css ========= */
.marquee-infinite{
	width: 1820px;
	overflow: hidden;
	height: 100px;
}
.marquee-infinite .infinite-container{ 
	display: flex;
	width: 200%;
	animation: marquee-infinite 20s linear infinite;
	-webkit-animation: marquee-infinite 20s linear infinite ;
}
.infinite-container .marquee__item1{ 
	display: flex;
	width: 100%;
	justify-content: space-around;
}

.marquee__item1 div {
	margin: 0 35px;
	min-width: 190px;
}
.marquee__item1 div img{
	max-width: 60%;
}
@keyframes  marquee-infinite {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(-50%);
	}
}

.marquee-container{
	width: 100%;
	max-width: 1820px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: -30px;
}
/* ========= marquee2 css ========= */

.marquee2-container{
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	opacity: 0;
}
.marquee-infinite2{	
	width: 1280px;
	overflow: hidden;
	height: 110px;
}

.marquee-infinite2 .infinite-container2{
	display: flex;
	width: 200%;
	animation: marquee-infinite2 10s linear infinite;
	-webkit-animation: marquee-infinite2 10s linear infinite ;
}
.infinite-container2 .marquee2__item1{ 
	display: flex;
	width: 100%;
	justify-content: space-around;
}

.marquee2__item1 div{
	margin: 0 35px;
	min-width: 180px;
	min-height: 66px;
}

@keyframes  marquee-infinite2 {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(-50%);
	}
}
/* ========= marquee css end ========= */
 
.dev__main-block {
position: relative;
background: #2546ff;
overflow: hidden;
}
.dev__mainblock-box {
/* position: relative; */
height: 100%;
width: 100%;
padding-top: 158px;
padding-bottom: 74px;
}
.main__block-content {
position: relative;
/* padding-left: 127px; */
z-index: 2;
}
.dev__main-bg {
position: absolute;
height: 100%;
bottom: 0;
right: 0;
}
.main__block-question {
color: #fff;
font-size: 32px;
font-weight: 400;
line-height: 110%;
margin-bottom: 31px;
}
.main__block-title {
font-size: 50px;
color: #fff;
font-style: normal;
font-weight: 700;
line-height: 115%;
margin-bottom: 48px;
max-width: 700px;
}
.main__block-btnbox {
display: flex;
align-items: center;
margin-bottom: 102px;
}
.main__block-btn {
position: relative;
display: inline-block;
color: #000;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
padding: 15px;
cursor: pointer;
border-radius: 15px;
border: 2px solid #fff;
background: #fff;
margin-right: 32px;
text-decoration: none;
transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}
.main__block-btn:hover {
background: #2546ff;
transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
color: #fff;
}
.main__block-btn::after {
position: absolute;
top: 18px;
right: -18px;
content: "";
width: 32px;
height: 32px;
background: url("../images/mouse-arrow.png");
background-repeat: no-repeat;
background-size: contain;
}
.main__block-btn:hover::after {
top: 19px;
right: -17px;
}

.main__block-btndescr {
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.main__block-descr {
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 110%;
}
.main__block-descr span {
background: linear-gradient(90deg, #23acde 49.82%, #fff 87.43%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 110%;
}

.earning {
padding-top: 150px;
}

.earning__title {
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	max-width: 540px;
	margin-bottom: 12px;
	}
	
	.earning__subtitle {
	max-width: 640px;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	margin-bottom: 37px;
	}
	
	.earning__list {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
	}
	.earning__list-item {
	max-width: 200px;
	}
	.earning__item-title {
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 149.99%;
		padding-bottom: 16px;
		margin-bottom: 16px;
		}
.earning__item-descr {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
}
	
.earning__graphs {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
	}
.showdark {
	display: none;
	}
.showlight {
	display: none;
	}
.earning__graphs .earning__graph1,
.earning__graphs .earning__graph2 {
border-radius: 12px;
display: flex;
justify-content: center;
align-items: center;
height: 340px;
width: 530px;
margin-bottom: 32px;
}

.graphs__descr-list {
display: flex;
justify-content: space-between;
align-items: center;
}

.graph__item-title {
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 149.99%;
}
.graph__item-text {
	position: relative;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	margin-bottom: 16px;
	}
	
	.graph__item-text::after {
	position: absolute;
	bottom: -34px;
	left: 0;
	content: "";
	width: 195px;
	height: 2px;
	}
	.project__list {
		display: flex;
		justify-content: space-between;
		align-items: center;
		}
		.project__list-item {
		height: 84px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		}
		.project__item-title {
		display: flex;
		align-items: center;
		}
		
		.project__item-title img {
		width: 50px;
		margin-right: 12px;
		}

		.project__list-item-name {
			font-size: 24px;
			font-style: normal;
			font-weight: 700;
			line-height: 149.99%;
			}
			
			.project__item-text {
			font-size: 16px;
			font-style: normal;
			font-weight: 400;
			}
			
			.partner {
			padding-top: 40px;
			}
			.partner__title {
			font-size: 40px;
			font-style: normal;
			font-weight: 400;
			line-height: 150%; /* 60px */
			max-width: 680px;
			margin-bottom: 50px;
			}
			.partner__content {
				display: flex;
				justify-content: space-between;
				border-radius: 12px;
				box-shadow: -2px 8px 21.1px 0px rgba(0, 0, 0, 0.21);
				padding: 24px;
				margin-bottom: 50px;
				gap: 35px;
				
				}

				.partner__content-left {
					width: 49%;
					}
					.partner__content-right {
					width: 49%;
					}
					.partner__item {
					margin-bottom: 40px;
					}
					.partner__item-title {
					display: flex;
					align-items: center;
					justify-content: space-between;
					padding-bottom: 18px;
					margin-bottom: 20px;
					}
					
					.partner__item-title-left {
					font-size: 24px;
					font-style: normal;
					font-weight: 700;
					line-height: 149.99%;
					display: flex;
					align-items: center;
					}
					.partner__item-title-left svg {
						width: 32px;
						height: 32px;
						margin-right: 16px;
						}

						.partner__item-number {
							font-size: 24px;
							font-style: normal;
							font-weight: 900;
							line-height: 149.99%;
							margin-left: 15px;
							}
							
							.partner__item-text {
							font-size: 16px;
							font-style: normal;
							font-weight: 400;
							margin-bottom: 20px;
							max-width: 415px;
							}
							
							.partner__item-text span {
							font-weight: 700;
							}
							.partner__item-text-list {
							margin-left: 20px;
							}
							.partner__item-text-list li {
							position: relative;
							font-size: 16px;
							font-style: normal;
							font-weight: 400;
							max-width: 100%;
							margin-bottom: 8px;
							}
							.partner__item-text-list li::before {
								content: "";
								width: 4px;
								height: 4px;
								border-radius: 50%;
								position: absolute;
								left: -15px;
								top: 7px;
								}
								
								.partner__btn {
								display: inline-block;
								color: #fff;
								text-align: center;
								font-size: 23.013px;
								font-style: normal;
								font-weight: 400;
								line-height: 140%;
								border-radius: 21px;
								background: #2546ff;
								padding: 21px;
								border: none;
								text-decoration: none;
								margin-bottom: 120px;
								transition: color 0.3s ease-in-out, background 0.3s ease-in-out,
								outline 0.3s ease-in-out;
								}

							
							
									@media (min-width: 1150px) {
										.partner__btn:hover {
											transition: color 0.3s ease-in-out, background 0.3s ease-in-out,
											outline 0.3s ease-in-out;
											}
											.partner__btn {
												outline: 2px solid #2546ff;
											}
									}
									@media (max-width: 1300px) {
										
										.main__block-question {
										font-size: 30px;
										}
										.main__block-title {
										font-size: 42px;
										max-width: 600px;
										}
										.dev__main-bg {
										left: 50%;
										}
										}
										@media (max-width: 1130px) {
										
										.graph__content {
										margin: 0 auto;
										margin-bottom: 50px;
										}
										.earning__list {
										display: grid;
										grid-template-columns: repeat(2, 1fr);
										grid-template-rows: repeat(2, 1fr);
										gap: 40px;
										}
										.earning__title,
										.earning__subtitle {
										max-width: 100%;
										}
									
										.project__list {
										display: grid;
										grid-template-columns: repeat(2, 1fr);
										grid-template-rows: repeat(2, 1fr);
										gap: 40px;
										}
									
										.earning {
										padding-top: 100px;
										}


										/* test */
										.earning__graphs{
											gap: 20px;
										}
										.graph__content{
											width: 48%;
										}
										.earning__graph1 img,
										.earning__graph2 img {
										width: 82%;
										height: 82%;
										}
										.earning__graphs .earning__graph1,
										.earning__graphs .earning__graph2 {
										width: 100%;
										height: 32vw;
										}
										}
										@media (max-width: 1000px) {
										.dev__main-bg {
										left: 42%;
										}
										}
										@media (max-width: 840px) {
										.main__block-question {
										font-size: 26px;
										}
										.main__block-title {
										font-size: 36px;
										max-width: 520px;
										}
										.earning {
										padding-top: 70px;
										}
										
										.dev__main-block {
										background: linear-gradient(
										180deg,
										rgba(21, 1, 146, 0.4) 0%,
										rgba(21, 2, 137, 0.41) 61.5%,
										rgba(21, 3, 131, 0) 100%
										),
										#2546ff;
										}
										.main__block-descr {
										font-size: 14px;
										}
										}
										@media (max-width: 700px) {
										.main__block-descr {
										display: none;
										}
										.main__block-question {
										font-size: 18px;
										}
										.main__block-title {
										font-size: 32px;
										max-width: 280px;
										}
										.dev__main-bg {
										left: 32%;
										right: auto;
										bottom: auto;
										top: 34px;
										height: auto;
										transform: rotate(14deg);
										}
										.earning__title,
										.partner__title {
										font-size: 34px;
										}
										.partner__content {
										flex-direction: column;
										}
										.partner__content-left,
										.partner__content-right {
										width: 100%;
										}
										.earning__graphs{
											flex-direction: column;
										}
										.graph__content{
											margin: 0;
											margin-bottom: 50px;
											width: 100%;
										}
											 .earning__graph1 img,
										.earning__graph2 img {
										width: 82%;
										height: 82%;
										}
										.earning__graphs .earning__graph1,
										.earning__graphs .earning__graph2 {
										width: 80vw;
										height: auto;
										padding: 25px 0;
										} 
									

										}
										@media (max-width: 576px) {
										/* .earning__graph1 img,
										.earning__graph2 img {
										width: 82%;
										height: 82%;
										}
										.earning__graphs .earning__graph1,
										.earning__graphs .earning__graph2 {
										width: 80vw;
										height: auto;
										padding: 25px 0;
										} */
										.earning__title,
										.partner__title {
										font-size: 32px;
										}
										.partner__item-title-left {
										font-size: 18px;
										}
										}
										@media (max-width: 520px) {
										
										.dev__main-bg {
										display: none;
										}
										.main__block-btnbox {
										flex-direction: column-reverse;
										align-items: start;
										}
										.main__block-btndescr {
										margin-bottom: 24px;
										}
										.dev__mainblock-box {
										padding-top: 85px;
										box-shadow: inset -5px 5px 40px rgba(0, 0, 0, 0.35);
										background: url("../images/dev/dev__main-bg-sm.png") no-repeat;
										background-size: cover;
										background-position: bottom;
										}
										.main__block-title {
										margin-bottom: 24px;
										}
										
										.earning__list {
										display: grid;
										grid-template-columns: repeat(1, 1fr);
										grid-template-rows: repeat(4, 1fr);
										gap: 0px;
										margin-bottom: 0;
										}
										.earning__list-item {
										margin: 0;
										margin-bottom: 30px;
										max-width: 100%;
										}
										.marquee2 {
										opacity: 1;
										}
										.marquee2-container {
											opacity: 1;
										}
										.project__list {
										display: none;
										}
										.partner {
										padding-top: 60px;
										}
										.earning__title,
										.partner__title {
										font-size: 30px;
										}
										.partner__btn {
										display: block;
										}

										.graph__item-text::after{
											left: 50%;
											transform: translateX(-50%);
										}
										.graph__content{
											text-align: center;
										}
										.earning__graphs .earning__graph1, .earning__graphs .earning__graph2 {
											margin: 0 auto;
											margin-bottom: 32px;
											width: 90vw;
										}
										}
										@media (max-width: 340px) {
										
										.main__block-question {
										font-size: 16px;
										margin-bottom: 16px;
										}
										.earning__title,
										.partner__title {
										font-size: 24px;
										}
										.earning__subtitle {
										font-size: 16px;
										}
										.partner__item-title-left {
										font-size: 16px;
										}
										}
										@media (max-width: 300px) {
										.partner__item-text {
										font-size: 14px;
										}
										}