/**
 * Page Intro styles.
 *
 * @package NexioEducation
 */

.page-intro {
	background-color: var(--wp--preset--color--dark-blue, #010d18);
	padding: 64px 139px 64px 126px;
}

.page-intro-inner {
	gap: 42px !important;
	align-items: flex-start !important;
}

.page-intro-back {
	flex-shrink: 0;
	width: 64px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
}

.page-intro-back a {
	display: block;
	width: 64px;
	height: 64px;
	text-decoration: none;
	font-size: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.0762 43.9811C30.3503 44.8137 29.0869 44.9003 28.2543 44.1744L16.019 33.5077C15.5834 33.1279 15.3333 32.5782 15.3333 32.0002C15.3333 31.4222 15.5834 30.8725 16.019 30.4926L28.2543 19.826C29.0869 19.1001 30.3503 19.1867 31.0762 20.0193C31.802 20.8518 31.7155 22.1152 30.8829 22.8411L22.6709 30.0002L46.6666 30.0002C47.7712 30.0002 48.6666 30.8956 48.6666 32.0002C48.6666 33.1048 47.7712 34.0002 46.6666 34.0002L22.6709 34.0002L30.8829 41.1593C31.7155 41.8852 31.802 43.1485 31.0762 43.9811Z' fill='%23FFFEFA'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 64px 64px;
}

.page-intro-back a:hover {
	opacity: 0.75;
}

.page-intro-content {
	position: relative;
	padding-left: 48px;
	flex: 1;
}

.page-intro-content::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: var(--wp--preset--color--white, #fffefa);
}

.page-intro-text {
	font-family: 'Apris Trial', serif;
	font-size: 42px;
	font-weight: 300;
	line-height: 50.4px;
	color: #fffefa;
	margin: 0;
	max-width: 1015px;
}

.page-intro-text strong,
.page-intro-text b {
	font-weight: 500;
}

.page-intro-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: transparent;
	border: 1px solid var(--wp--preset--color--white-50, rgba(255, 254, 250, 0.5));
	color: var(--wp--preset--color--white, #fffefa);
	padding: 8px 32px;
	border-radius: 30px;
	font-family: var(--wp--preset--font-family--body, 'Manrope', sans-serif);
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	text-decoration: none;
	margin: 20px 0 0 5px;
	white-space: nowrap;
	vertical-align: middle;
}

.page-intro-btn:hover {
	background: var(--wp--preset--color--white, #fffefa);
	border-color: var(--wp--preset--color--white, #fffefa);
	color: var(--wp--preset--color--dark-blue, #010d18);
}

/* Responsive */
@media (max-width: 1200px) {
	.page-intro {
		padding: 48px 80px;
	}

	.page-intro-text {
		font-size: 36px;
		line-height: 43px;
	}
}

@media (max-width: 900px) {
	.page-intro {
		padding: 40px 24px;
	}

	.page-intro-inner {
		flex-direction: column !important;
		gap: 24px !important;
	}

	.page-intro-back {
		width: 48px;
		height: 48px;
	}

	.page-intro-content {
		padding-left: 24px;
	}

	.page-intro-content::before {
		height: 100%;
	}

	.page-intro-text {
		font-size: 28px;
		line-height: 34px;
	}

	.page-intro-btn {
		display: inline-flex;
		margin-left: 8px;
		margin-top: 8px;
		padding: 6px 24px;
		font-size: 13px;
	}
}