.section-intro {
	position: relative;
	padding-top: 152px;
}
.page-intro {
	position: relative;
}
.intro-content .title,
.intro-content .subtitle {
	text-align: center;
}
.intro-btns {
	display: flex;
	justify-content: center;
	gap: 18px;
	margin: 32px 0 20px;
}
.error-shadow-1 {
	background: linear-gradient(180deg, rgba(5, 51, 230, 0.3) 42.47%, rgba(5, 51, 230, 0) 100%);
	width: 75%;
	height: 100%;
	position: absolute;
	filter: blur(120px);
	right: 3%;
	top: 0;
	z-index: -1;
}
.error-shadow-2 {
	background: linear-gradient(180deg, rgba(88, 247, 163, 0.5) 39.73%, rgba(88, 247, 163, 0) 65.88%);
	width: 600px;
	height: 600px;
	position: absolute;
	filter: blur(200px);
	left: 0;
	top: 25%;
	max-width: 70%;
	max-height: 70%;
	z-index: -1;

}
.intro-shadow-1 {
	background: radial-gradient(circle, rgba(5, 51, 230, 0.3) 32.47%, rgba(5, 51, 230, 0) 90%);
	width: 75%;
	height: 100%;
	position: absolute;
	filter: blur(120px);
	right: 13%;
	top: 5%;
	z-index: -1;
}
.intro-shadow-2 {
	background: radial-gradient(circle, rgba(105, 231, 220, 0.4) 0%, rgba(105, 231, 220, 0) 100%);
	width: 37%;
	height: 37%;
	position: absolute;
	filter: blur(200px);
	right: 8%;
	top: 2%;
	z-index: -1;

}
.intro-shadow-3 {
	background: radial-gradient(circle, rgba(88, 247, 163, 0.2) 39.73%, rgba(88, 247, 163, 0) 100%);
	width: 36%;
	height: 42%;
	position: absolute;
	filter: blur(120px);
	left: 30%;
	bottom: 10%;
	z-index: -1;

}
.intro-inner {
	display: flex;
	gap: 32px;
	flex-direction: column;
}
.intro-content .section-title .subtitle {
	line-height: 1.7;
}
.intro-thumbnail {
	text-align: center;
}
.intro-image {
	flex: 0 0 30%;
}
.single-intro .intro-image {
	flex: 0 0 40%;
}
.intro-image img {
	width: 100%;
}
.fade-image img {
	-webkit-mask-image: radial-gradient(circle at left center, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0.22) 90% );
	mask-image: radial-gradient(circle at left center, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0.22) 90% );
}
.intro-content .short-content::before {
	content: '';
	min-width: 9px;
	height: 9px;
	background: var(--primary);
	display: inline-block;
	border-radius: 3px;
}
.intro-content .short-content i {
	color: var(--primary);
	font-size: 20px;
	margin: 0 1px 0 3px;
}
.intro-content .short-content {
	display: flex;
	align-items: first baseline;
	gap: 7px;
	font-size: 13px;
	justify-content: center;
	color: #4E5056;
}
.approve-title {
	padding: 10px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	color: var(--color_text);
	justify-content: center;
	width: fit-content;
	margin: 0 auto 6px;
	background: #FFFFFF;
	border-radius: 144px;
}
.approve-title i {
	color: #3897F0;
	font-size: 20px;
}
.back-link {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: var(--color_text);
	background: #FFFFFF66;
	padding: 10px;
	border-radius: 144px;
	margin: 0 auto 10px;
	justify-content: center;
	width: fit-content;
}

.back-link i {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--primary);
	color: #fff;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 10px;
	line-height: 1;
}
@media screen and (min-width: 768px) {

	.intro-content {
		flex: 0 0 100%
	}
	.intro-content .title,
	.intro-content .subtitle {
		text-align: left;
	}

	.intro-btns {
		justify-content: flex-start;
	}
	.intro-content .short-content {
		justify-content: flex-start;
		font-size: 14px;
	}
	.approve-title {
		margin: 6px 0;

	}
	.error-shadow-2 {
		left: 20%;
	}
	.back-link {
		margin: 0 0 16px 10px;
		background: unset;
		padding: 0;
		border-radius: 0;
	}
}
@media screen and (min-width: 992px) {
	/*.single-intro .intro-image {
		flex: 0 0 57%;
	}*/
	.intro-shadow-1 {
		width: 50%;
		height: 100%;
		right: 5%;
		top: -15%;

	}
	.section-intro {
		padding-top: 120px;
	}
	.intro-inner {
		align-items: center;
		justify-content: space-between;
		gap: 40px;
		flex-direction: row;
		padding-top: 70px;
	}
}