.section-api {
	position: relative;
}
.api-two-columns,
.api-three-columns {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 20px;
}
.api-three-columns .api-img {
	flex: 0 0 34%;
}
.api-img {
	order: -1;
	margin: 28px 0 12px;
}
.api-left {
	display: grid;
	gap: 20px;
	width: 100%;
}
.api-right {
	display: grid;
	gap: 20px;
	width: 100%;
}
.api-item {
	display: flex;
	gap: 12px;
	align-items: center;
	font-size: 14px;
	line-height: 1.7;
	color: var(--color_text);
}

.api-item i {
	color: #8189A8;
	font-size: 20px;
}
.api-shadow-1 {
	background: #0533E633;
	width: 24%;
	height: 60%;
	position: absolute;
	filter: blur(120px);
	right: 25%;
	top: 23%;
	z-index: -1;
	border-radius: 50% 0 0 50%;
	animation: move-sh-4 6s alternate ease infinite;
}
.api-shadow-2 {
	background: #58F7A333;
	width: 22%;
	height: 50%;
	position: absolute;
	filter: blur(120px);
	left: 32%;
	bottom: 0;
	z-index: -1;
	animation: move-sh-6 4s alternate ease infinite;
}
@media screen and (min-width: 992px) {
	.api-two-columns,
	.api-three-columns {
		flex-direction: row;
		gap: 16px;
		margin: 48px auto 0;
	}
	.api-left {
		text-align: right;
	}
	.api-left .api-item {
		flex-direction: row-reverse;
	}
	.api-img {
		margin:0;
		order: 0;
	}
}
@media screen and (min-width: 1400px) {
	.api-two-columns,
	.api-three-columns {
		max-width: 80%;
	}
}