/*app-block.css*/
.app-block a {
	text-decoration: none;
}
.app-block .inner {
	display: flex;
	gap: 84px;
	font-weight: 400;
	font-size: 20px;
	line-height: 23px;
	background: #1c1c1c0d;
	border-radius: 24px;
	margin: 20px 0;
	padding: 40px 40px 0 40px;
	height: 370px;
}
.app-block .left {
	position: relative;
    top: -79px;
}
.app-block .left img {
	width: 400px;
}
.app-block .right {
}
.app-block .title {
	font-weight: 700;
	font-size: 32px;
	line-height: 38px;
	margin-bottom: 44px;
}
.app-block .stores {
	display: flex;
	gap: 18px;
	margin-bottom: 25px;
}
.app-block .stores.mobile {
	display: none;
}
.app-block .store {
	display: flex;
	gap: 6px;
	align-items: center;
}
.app-block .bottom {
	display: flex;
	justify-content: space-between;
	gap: 30px;
}
.app-block ul {
	line-height: 35px;
}
.app-block .bottom img {
	position: relative;
	left: 20px;
	top: 7px;
	background: #fff;
	width: 130px;
	height: 130px;
}
@media (max-width: 1199.98px) {
	.app-block {
		margin-top: 0;
	}
	.app-block .inner {
		flex-direction: column-reverse;
		gap: 10px;
		height: auto;
	}
	.app-block .right {
		padding-top: 0;
	}
	.app-block .left {
		text-align: center;
		top: 0;
	}
	.app-block .left img {
		width: 300px;
	}
	.app-block .title {
		margin-bottom: 16px;
	}
	.app-block .stores.desktop {
		display: none;
	}
	.app-block .stores.mobile {
		display: flex;
		gap: 16px;
	}
	.app-block .bottom img {
		display: none;
	}
}
@media (max-width: 600px) {
	.app-block {
		font-size: 15px;
		line-height: 20px;
	}
	.app-block .title {
		font-size: 21px;
		line-height: 24px;
	}
}