/**
 * Benefits Statement styles - Figma Pixel Perfect
 * "Why Choose Us?" section
 *
 * @package NexioEducation
 */

.benefits-statement {
	background-color: #fffefa;
	padding: 64px 142px;
	overflow: hidden;
	position: relative;
}

/* Dashed line separator at bottom */
.benefits-statement::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 1440px;
	height: 1px;
	background: url('/wp-content/themes/nexioeducation/assets/images/ui/dashed-line.svg') repeat-x center;
	background-size: auto 1px;
}

.benefits-statement-columns {
	gap: 96px !important;
	align-items: center;
}

.benefits-statement-left {
	position: relative;
	flex: 0 0 283px !important;
	width: 283px;
	border-right: none;
	padding-right: 0;
	display: flex !important;
	align-items: center !important;
	align-self: stretch !important;
}

/* Vertical line separator */
.benefits-statement-left::after {
	content: "";
	position: absolute;
	right: -48px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 150px;
	background-color: var(--wp--preset--color--blue, #064d8e);
}

.benefits-statement-title {
	font-family: var(--wp--preset--font-family--body, 'Manrope', sans-serif);
	font-size: 48px;
	font-weight: 800;
	line-height: 57.6px;
	color: var(--wp--preset--color--blue, #064d8e);
	margin: 0;
	white-space: nowrap;
}

.benefits-statement-right {
	flex: 0 0 790px !important;
	width: 790px;
	padding-left: 0;
}

.benefits-statement-right > .wp-block-group {
	position: relative;
}

.benefits-statement-text {
	font-family: var(--wp--preset--font-family--heading, 'Apris Trial', serif);
	font-size: 48px;
	font-weight: 300;
	line-height: 57.6px;
	color: var(--wp--preset--color--blue, #064d8e);
	margin: 0;
	max-width: 790px;
}

.benefits-statement-text strong {
	font-family: var(--wp--preset--font-family--heading, 'Apris Trial', serif);
	font-weight: 500;
}

.benefits-statement-cta {
	position: absolute;
	right: 0;
	bottom: 0;
}

.benefits-statement-cta .wp-block-button__link {
	background: transparent;
	border: 1.2px solid var(--wp--preset--color--blue, #064d8e);
	color: var(--wp--preset--color--blue, #064d8e);
	font-family: var(--wp--preset--font-family--body, 'Manrope', sans-serif);
	font-size: 14px;
	font-weight: 700;
	line-height: 16.8px;
	padding: 8px 32px;
	border-radius: 33px;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	white-space: nowrap;
}

.benefits-statement-cta .wp-block-button__link:hover {
	background: rgba(6, 77, 142, 0.05);
	color: var(--wp--preset--color--blue, #064d8e);
}

/* Responsive */
@media (max-width: 1350px) {
	.benefits-statement-columns {
		gap: 64px !important;
	}

	.benefits-statement-left {
		flex: 0 0 240px !important;
		width: 240px;
	}

	.benefits-statement-left::after {
		right: -48px;
	}

	.benefits-statement-right {
		flex: 1 !important;
		width: auto;
	}

	.benefits-statement-text {
		max-width: 100%;
		font-size: 40px;
		line-height: 48px;
	}
}

@media (max-width: 1280px) {
	.benefits-statement {
		padding: 64px 100px;
	}

	.benefits-statement-columns {
		gap: 56px !important;
	}

	.benefits-statement-left {
		flex: 0 0 230px !important;
		width: 230px;
	}

	.benefits-statement-left::after {
		right: -41px;
	}

	.benefits-statement-title {
		font-size: 44px;
		line-height: 52px;
	}
}

@media (max-width: 1200px) {
	.benefits-statement {
		padding: 48px 80px;
	}

	.benefits-statement-columns {
		gap: 48px !important;
	}

	.benefits-statement-left {
		flex: 0 0 220px !important;
		width: 220px;
	}

	.benefits-statement-left::after {
		right: -24px;
	}

	.benefits-statement-title {
		font-size: 40px;
		line-height: 48px;
	}

	.benefits-statement-text {
		font-size: 36px;
		line-height: 44px;
	}
}

@media (max-width: 1100px) {
	.benefits-statement-columns {
		gap: 40px !important;
	}

	.benefits-statement-left {
		flex: 0 0 200px !important;
		width: 200px;
	}

	.benefits-statement-left::after {
		right: -20px;
	}

	.benefits-statement-title {
		font-size: 36px;
		line-height: 44px;
	}

	.benefits-statement-text {
		font-size: 32px;
		line-height: 40px;
	}

	.benefits-statement-cta {
		bottom: -10px;
	}
}

@media (max-width: 1000px) {
	.benefits-statement {
		padding: 48px 60px;
	}

	.benefits-statement-columns {
		gap: 32px !important;
	}

	.benefits-statement-left {
		flex: 0 0 180px !important;
		width: 180px;
	}

	.benefits-statement-left::after {
		right: -16px;
	}

	.benefits-statement-title {
		font-size: 32px;
		line-height: 40px;
	}

	.benefits-statement-text {
		font-size: 28px;
		line-height: 36px;
	}
}

@media (max-width: 900px) {
	.benefits-statement {
		padding: 48px 40px;
	}

	.benefits-statement-columns {
		gap: 24px !important;
	}

	.benefits-statement-left {
		flex: 0 0 160px !important;
		width: 160px;
	}

	.benefits-statement-left::after {
		right: -12px;
		height: 100px;
	}

	.benefits-statement-title {
		font-size: 28px;
		line-height: 36px;
	}

	.benefits-statement-text {
		font-size: 24px;
		line-height: 32px;
	}
}

@media (max-width: 800px) {
	.benefits-statement {
		padding: 40px 24px;
	}

	.benefits-statement-columns {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 32px !important;
	}

	.benefits-statement-left {
		flex: unset !important;
		width: 100% !important;
	}

	.benefits-statement-left::after {
		display: none;
	}

	.benefits-statement-title {
		font-size: 32px;
		line-height: 40px;
		padding-bottom: 24px;
		border-bottom: 1px solid var(--wp--preset--color--blue, #064d8e);
		width: 100%;
	}

	.benefits-statement-right > .wp-block-group {
		flex-direction: column;
		align-items: flex-start;
	}

	.benefits-statement-text {
		font-size: 24px;
		line-height: 32px;
		padding-bottom: 20px;
	}

	.benefits-statement-cta {
		align-self: flex-start;
	}
}