#pricing {
    border-top: 1px solid var(--border);
	
	.wrap {
        display: grid;
        grid-template-columns: 1fr; 
        position: relative;
	}

	.pricing-container {
		grid-column: 1 / -1;
	}

	.pricing-cards {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 24px;
	}

	.pricing-card {
		background-color: rgba(255, 255, 255, 0.12);
        border: 1px solid var(--border);
        backdrop-filter: blur(5px);
		border-radius: 12px;
		padding: 32px;
		position: relative;
		transition: all 0.3s ease;

		&.featured {
			border-color: var(--primary);
			background-color: rgba(11, 24, 42, 0.8);
		}

		.badge {
			position: absolute;
			top: 0;
			left: 50%;
			transform: translateX(-50%) translateY(-50%);
			background-color: var(--primary);
			color: #0B182A;
			padding: 6px 16px;
			border-radius: 20px;
			font-size: 11px;
			font-weight: 700;
			letter-spacing: 0.5px;
			white-space: nowrap;
		}

		.plan-name {
			font-size: 18px;
			color: var(--primary);
			margin-bottom: 16px;
			text-transform: capitalize;
		}

		.price-wrapper {
			margin-bottom: 16px;
			display: flex;
			align-items: baseline;
			gap: 8px;

			.price {
				font-size: 48px;
				color: var(--light);
				line-height: 1;
                font-family: var(--font-big);
			}

			.billing-period {
				font-size: 16px;
				color: var(--light);
				font-weight: 400;
			}
		}

		.plan-description {
			font-size: 14px;
			line-height: 1.6;
		}
	}

	.cta-footer {
		grid-column: 1 / -1;
		margin-top: 32px;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 32px;
	}

	.cta-text-above {
		color: var(--primary);
		font-size: 16px
		max-width: 600px;
		line-height: 1.6;
	}

	.cta-text-below {
		font-size: 13px;
		max-width: 800px;
		line-height: 1.6;
	}
}