/**
 * SAT Pricing styles - Pixel Perfect from Figma
 *
 * @package NexioEducation
 */

.sat-pricing {
	background: #010d18;
	padding: 120px 142px;
	margin: 0 auto;
}

.sat-pricing-heading {
	color: #fffefa;
	font-size: 48px;
	font-family: 'Manrope', sans-serif;
	font-weight: 800;
	line-height: 58px;
	margin: 0 0 64px;
}

.sat-pricing-cards {
	display: flex;
	justify-content: center;
	gap: 32px;
	align-items: stretch;
}

.sat-pricing-card {
	flex: 1;
	max-width: 408px;
	min-width: 280px;
	padding: 74px 0 24px 24px;
	border-left: 1px solid rgba(255, 254, 250, 0.25);
	display: flex;
	flex-direction: column;
}

.sat-pricing-card:last-child:not(.sat-pricing-card-featured) {
	border-left: none;
	padding-left: 0;
}

/* Featured card with border */
.sat-pricing-card-featured {
	border: 1.5px solid rgba(255, 254, 250, 0.75);
	border-radius: 12px;
	padding: 74px 24px 24px 24px;
	position: relative;
}

.sat-pricing-badge {
	display: inline-block;
	background: #fffefa;
	color: #010d18;
	font-family: 'Manrope', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	padding: 8px 32px;
	margin: 0;
	border-radius: 30px;
	width: fit-content;
	position: absolute;
	top: 24px;
	left: 24px;
}

.sat-pricing-card-title {
	color: #fffefa;
	font-size: 24px;
	font-family: 'Apris Trial', serif;
	font-weight: 300;
	line-height: 28px;
	margin: 0 0 8px;
}

.sat-pricing-card-price-wrap {
	margin-bottom: 32px;
}

.sat-pricing-card-price {
	color: #fffefa;
	font-size: 64px;
	font-family: 'Apris Trial', serif;
	font-weight: 300;
	line-height: normal;
	margin: 0;
}

.sat-pricing-card-details {
	color: #fffefa;
	font-size: 16px;
	font-family: 'Apris Trial', serif;
	font-weight: 300;
	line-height: 32px;
	margin: 0;
	margin-left: 4px;
}

.sat-pricing-card-cta {
	margin-bottom: 48px;
	width: 100%;
}

.sat-pricing-card-cta .wp-block-button {
	width: 100%;
}

.sat-pricing-card-cta .wp-block-button__link {
	border: 1px solid rgba(255, 254, 250, 0.25);
	color: #fffefa;
	background: transparent;
	font-family: 'Manrope', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 16.8px;
	padding: 8px 24px;
	border-radius: 33px;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 0;
	width: 100%;
	justify-content: center;
}

.sat-pricing-card-cta .wp-block-button__link:hover {
	background: rgba(255, 254, 250, 0.1);
}

.sat-pricing-card-cta .wp-block-button__link::after {
	content: '';
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.75 12H18.25M18.25 12L12.25 6M18.25 12L12.25 18' stroke='%23fffefa' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
}

.sat-pricing-card-features {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.sat-pricing-feature {
	color: #fffefa;
	font-size: 14px;
	font-family: 'Manrope', sans-serif;
	font-weight: 400;
	line-height: 18px;
	margin: 0;
	padding-left: 32px;
	position: relative;
}

.sat-pricing-feature::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.02975 3.3437C10.9834 2.88543 13.0166 2.88543 14.9703 3.3437C17.7916 4.00549 19.9945 6.20842 20.6563 9.02975C21.1146 10.9834 21.1146 13.0166 20.6563 14.9703C19.9945 17.7916 17.7916 19.9945 14.9703 20.6563C13.0166 21.1146 10.9834 21.1146 9.02975 20.6563C6.20842 19.9945 4.0055 17.7916 3.3437 14.9703C2.88543 13.0166 2.88543 10.9834 3.3437 9.02974C4.0055 6.20841 6.20842 4.00549 9.02975 3.3437ZM15.0524 10.4773C15.2689 10.2454 15.2563 9.88195 15.0244 9.6655C14.7925 9.44906 14.4291 9.46159 14.2126 9.6935L11.2678 12.8487L9.77358 11.3545C9.54927 11.1302 9.1856 11.1302 8.9613 11.3545C8.73699 11.5788 8.73699 11.9425 8.9613 12.1668L10.8759 14.0814C10.986 14.1915 11.1362 14.2522 11.2919 14.2495C11.4477 14.2468 11.5956 14.181 11.7019 14.0671L15.0524 10.4773Z' fill='%23FFFEFA'/%3E%3C/svg%3E");
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: center;
}

/* Responsive */
@media (max-width: 1200px) {
	.sat-pricing {
		padding: 120px 80px;
	}

	.sat-pricing-cards {
		flex-wrap: wrap;
	}

	.sat-pricing-card {
		flex: 1 1 calc(50% - 16px);
		max-width: calc(50% - 16px);
	}
}

@media (max-width: 900px) {
	.sat-pricing {
		padding: 80px 40px;
	}

	.sat-pricing-heading {
		font-size: 40px;
		line-height: 48px;
		margin-bottom: 48px;
	}

	.sat-pricing-cards {
		flex-direction: column;
		gap: 32px;
	}

	.sat-pricing-card {
		flex: 1 1 100%;
		max-width: 100%;
	}
}

@media (max-width: 768px) {
	.sat-pricing {
		padding: 60px 24px;
	}

	.sat-pricing-heading {
		font-size: 32px;
		line-height: 40px;
		margin-bottom: 40px;
	}

	.sat-pricing-card-price {
		font-size: 48px;
	}
}