/* Pricing Navigation Buttons (#00A8CE) */
.pricing-nav-btn.active {
	background-color: #00A8CE;
	color: white;
	box-shadow: 0 2px 8px rgba(0, 168, 206, 0.15);
}

.pricing-nav-btn:not(.active) {
	color: #4b5563;
	background-color: transparent;
}

.pricing-nav-btn:not(.active):hover {
	background-color: #f3f4f6;
}

/* Toggle Buttons */
.currency-toggle,
.billing-toggle,
.pricing-toggle {
	background-color: transparent;
	color: #4b5563;
	transition: all 0.3s ease;
	border: none;
}

/* Currency & Billing Toggle Active Styles (#FFA629) */
.currency-toggle.active,
.billing-toggle.active {
	background-color: #FFA629 !important;
	color: white !important;
	box-shadow: 0 2px 6px rgba(255, 166, 41, 0.2);
}

/* Product Type Toggle Active Styles (#7A2048) */
.pricing-toggle.active {
	background-color: #7A2048 !important;
	color: white !important;
	box-shadow: 0 2px 6px rgba(122, 32, 72, 0.2);
}

/* Hover State - Consistent across all toggles */
.currency-toggle:not(.active):hover,
.pricing-toggle:not(.active):hover,
.billing-toggle:not(.active):hover {
	background-color: #f3f4f6;
}

/* Toggle Container Styling */
.pricing-toggle:not(.active),
.currency-toggle:not(.active),
.billing-toggle:not(.active) {
	color: #6b7280;
}

.pricing-tab {
	animation: fadeIn 0.5s ease-out;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.service-plan-card:hover,
.retainer-plan:hover {
	transform: translateY(-5px);
	transition: all 0.3s ease;
}

.plan-meta {
	height: auto;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.plan-features-list,
.plan-values-list {
	display: flex;
	flex-direction: column;
	padding: 0;
	margin: 0;
}

.plan-features-list li,
.plan-values-list li {
	margin: 0;
	width: 100%;
	box-sizing: border-box;
}