/* # Pricing Table Styles
---------------------------------------------------------------------------------------------------- */
.all-pricing {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 2.7%;
}

.all-pricing .pricing-card {
	border-radius: 24px;
	border: 4px solid #46c3dd;
	background-color: #f3f9ff;
	box-shadow: 0 36px 28px 0 #0946761a;
	width: 31.53%;
	text-align: center;
	display: flex;
	flex-direction: column;
	transition: all 0.5s ease-in-out;
}

.all-pricing .pricing-card:focus,
.all-pricing .pricing-card:hover {
	border-color: #267afb;
	background-color: #e5faf3;
}

.all-pricing .pricing-card .pricing-card__header,
.all-pricing .pricing-card .pricing-card__price,
.all-pricing .pricing-card .pricing-card__features {
	padding: 32px;
}

.all-pricing .pricing-card .pricing-card__header {
	border-radius: 20px 20px 0 0;
	min-height: 291px;
	background-color: #094676;
	position: relative;
}

.all-pricing .pricing-card:focus > .pricing-card__header ,
.all-pricing .pricing-card:hover > .pricing-card__header {
	background-color: #07375d;
}

.all-pricing .pricing-card .pricing-card__header.best-value::before {
	content: 'Best Value';
	position: absolute;
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
	background-color: #46c3dd;
	padding: 3px 22px;
	left: -1px;
	bottom: -14px;
	transition: all 0.5s ease-in-out;
	clip-path: polygon(0% 100%, 100% 100%, 92% 50%, 100% 0%, 0% 0%);
}

.all-pricing .pricing-card:focus > .pricing-card__header.best-value::before,
.all-pricing .pricing-card:hover > .pricing-card__header.best-value::before {
	background-color: #267afb;
}

.all-pricing .pricing-card .pricing-card__header h3 {
	font-size: 24px;
	margin-bottom: 8px;
	color: #ffffff;
}

.all-pricing .pricing-card .pricing-card__header p {
	color: #ffffff;
	font-size: 14px;
}

.all-pricing .pricing-card .pricing-card__header .pricing-card__header-days {
	margin-top: 16px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.all-pricing .pricing-card .pricing-card__header .pricing-card__header-days button {
	border-radius: 80px;
	background-color: #07375d;
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	padding: 6px 16px;
	transition: none;
	letter-spacing: 0;
	position: relative;
}


.all-pricing .pricing-card .pricing-card__header .pricing-card__header-days button::after {
	display: none;
}

.all-pricing .pricing-card .pricing-card__header .pricing-card__header-days button:hover,
.all-pricing .pricing-card .pricing-card__header .pricing-card__header-days button:focus,
.all-pricing .pricing-card .pricing-card__header .pricing-card__header-days button.active {
	color: #fff;
	background: none;
	background-color: #267afb;
	outline: none;
	box-shadow: none;
	transform: none;
}

.all-pricing .pricing-card .pricing-card__header .pricing-card__header-days button:not(.active):hover {
	background-color: rgba(38, 122, 251, 0.5);
}

.all-pricing .pricing-card .pricing-card__header .pricing-card__header-days button.best-value::before {
	content: url('/wp-content/uploads/2025/06/blue-triangle-icon.svg');
	position: absolute;
	top: 28px;
	left: 45px;
	display: none;
}

.all-pricing .pricing-card .pricing-card__header .pricing-card__header-days button.best-value::after {
	content: 'Best Value';
	position: absolute;
	top: 45px;
	left: 4px;
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
	padding: 4px 10px;
	border-radius: 4px;
	background-color: #46c3dd;
	width: calc(100% - 8px);
	box-shadow: 0 4px 4px 0 #0000001a;
	display: none;
}

.all-pricing .pricing-card .pricing-card__header p:not(:last-of-type) {
	margin-bottom: 8px;
}

.all-pricing .pricing-card .pricing-card__price {
	background-color: #ffffff;
}

.all-pricing .pricing-card .pricing-card__price div {
	display: none;
}

.all-pricing .pricing-card .pricing-card__price div.active {
	display: block;
}

.all-pricing .pricing-card .pricing-card__price div p {
	margin-bottom: 0;
	line-height: 1.2;
}

.all-pricing .pricing-card .pricing-card__price div p:last-child {
	margin-top: 8px;
}

.all-pricing .pricing-card .pricing-card__price div p.pricing-card__price-before {
	line-height: 1;
	font-size: 40px;
	position: relative;
	display: inline;
}

.all-pricing .pricing-card .pricing-card__price div p.pricing-card__price-before::before {
	content: '';
	position: absolute;
	top: 11px;
	left: -5px;
	width: 110%;
	height: 3px;
	background-color: #f50000;
	transform: rotate(11deg);
	transform-origin: left top;
	animation: priceSlash 4s ease-in-out infinite forwards;
}

.all-pricing .pricing-card .pricing-card__price div p.pricing-card__price-now {
	margin: 24px 0;
	line-height: 1;
	font-size: 72px;
	font-weight: 700;
	color: #094676;
}

.all-pricing .pricing-card .pricing-card__features {
	text-align: start;
}

.all-pricing .pricing-card .pricing-card__features .pricing-card__features-item {
	display: flex;
	align-items: start;
	gap: 16px;
	font-size: 16px;
	position: relative;
}

.all-pricing .pricing-card .pricing-card__features .pricing-card__features-item.has-tooltip,
.all-pricing .pricing-card .pricing-card__features .pricing-card__features-item:last-child {
	font-weight: 700;
	color: #094676;
}

.all-pricing .pricing-card .pricing-card__features .pricing-card__features-item:not(:last-child) {
	margin-bottom: 8px;
}

.all-pricing .pricing-card .pricing-card__features .pricing-card__features-item img {
	flex: none;
	margin-top: 6px;
}


.all-pricing .pricing-card .pricing-card__features .pricing-card__features-item .tippy-box {
	background-color: #094676;
	padding: 6px 12px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 400;
}

.all-pricing .pricing-card .pricing-card__features .pricing-card__features-item .tippy-box[data-placement^='top'] .tippy-arrow::before {
	border-top-color: #094676;
}

.all-pricing .pricing-card .pricing-card__features .pricing-card__features-item .tippy-box[data-placement^='right'] .tippy-arrow::before {
	border-right-color: #094676;
}

.all-pricing .pricing-card .pricing-card__features .pricing-card__features-item .tippy-box[data-placement^='bottom'] .tippy-arrow::before {
	border-bottom-color: #094676;
}

.all-pricing .pricing-card .pricing-card__features .pricing-card__features-item .tippy-box[data-placement^='left'] .tippy-arrow::before {
	border-left-color: #094676;
}

.all-pricing .pricing-card .pricing-card__cta {
	margin-top: auto;
	border-radius: 0 0 24px 24px;
	padding: 0 32px 32px;
}

.all-pricing .pricing-card .pricing-card__cta form {
	display: none;
}

.all-pricing .pricing-card .pricing-card__cta button,
.all-pricing .pricing-card .pricing-card__cta a {
	width: 100%;
	text-transform: uppercase;
}

.all-pricing .pricing-card .pricing-card__cta p {
	margin-top: 8px;
}

@media only screen and (max-width: 1024px) {
	.all-pricing .pricing-card .pricing-card__header,
	.all-pricing .pricing-card .pricing-card__price,
	.all-pricing .pricing-card .pricing-card__features {
		padding: 28px;
	}
	
	.all-pricing .pricing-card .pricing-card__header.best-value::before {
		font-size: 13px;
		bottom: -13.4px;
	}
	
	.all-pricing .pricing-card .pricing-card__header h3 {
		font-size: 22px;
		margin-bottom: 7px;
	}

	.all-pricing .pricing-card .pricing-card__header p,
	.all-pricing .pricing-card .pricing-card__header .pricing-card__header-days button.best-value::after {
		font-size: 13px;
	}

	.all-pricing .pricing-card .pricing-card__header .pricing-card__header-days {
		margin-top: 14px;
		gap: 7px;
	}
	
	.all-pricing .pricing-card .pricing-card__header .pricing-card__header-days button {
		font-size: 15px;
	}
	
	.all-pricing .pricing-card .pricing-card__header p:not(:last-of-type),
	.all-pricing .pricing-card .pricing-card__features .pricing-card__features-item:not(:last-child) {
		margin-bottom: 7px;
	}
	
	.all-pricing .pricing-card .pricing-card__price div p:last-child,
	.all-pricing .pricing-card .pricing-card__cta p {
		margin-top: 7px;
	}

	.all-pricing .pricing-card .pricing-card__price div p.pricing-card__price-before {
		font-size: 35px;
	}

	.all-pricing .pricing-card .pricing-card__price div p.pricing-card__price-now {
		margin: 21px 0;
		font-size: 56px;
	}
	
	.all-pricing .pricing-card .pricing-card__features .pricing-card__features-item {
		gap: 14px;
		font-size: 14px;
	}

	.all-pricing .pricing-card .pricing-card__features .pricing-card__features-item img {
		margin-top: 4px;
	}

	.all-pricing .pricing-card .pricing-card__cta {
		padding: 0 28px 28px;
	}
}

@media only screen and (max-width: 767px) {
	.all-pricing {
		max-width: 375px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.all-pricing .pricing-card {
		width: 100%;
	}
	
	.all-pricing .pricing-card .pricing-card__header,
	.all-pricing .pricing-card .pricing-card__price,
	.all-pricing .pricing-card .pricing-card__features {
		padding: 24px;
	}
	
	.all-pricing .pricing-card .pricing-card__header {
		min-height: 0;
	}
	
	.all-pricing .pricing-card .pricing-card__header.best-value::before {
		font-size: 12px;
		bottom: -12.6px;
	}
	
	.all-pricing .pricing-card .pricing-card__header h3 {
		font-size: 20px;
		margin-bottom: 6px;
	}

	.all-pricing .pricing-card .pricing-card__header p,
	.all-pricing .pricing-card .pricing-card__header .pricing-card__header-days button.best-value::after {
		font-size: 12px;
	}

	.all-pricing .pricing-card .pricing-card__header .pricing-card__header-days {
		margin-top: 12px;
		gap: 6px;
	}
	
	.all-pricing .pricing-card .pricing-card__header .pricing-card__header-days button {
		font-size: 14px;
	}
	
	.all-pricing .pricing-card .pricing-card__header .pricing-card__header-days button.best-value::before {
		left: 40px;
	}

	.all-pricing .pricing-card .pricing-card__header .pricing-card__header-days button.best-value::after {
		top: 43px;
		left: 5px;
	}
	
	.all-pricing .pricing-card .pricing-card__header p:not(:last-of-type),
	.all-pricing .pricing-card .pricing-card__features .pricing-card__features-item:not(:last-child) {
		margin-bottom: 6px;
	}
	
	.all-pricing .pricing-card .pricing-card__price div p:last-child,
	.all-pricing .pricing-card .pricing-card__cta p {
		margin-top: 6px;
	}

	.all-pricing .pricing-card .pricing-card__price div p.pricing-card__price-before {
		font-size: 30px;
	}
	
	.all-pricing .pricing-card .pricing-card__price div p.pricing-card__price-before::before {
		top: 8px;
		left: -4px;
	}

	.all-pricing .pricing-card .pricing-card__price div p.pricing-card__price-now {
		margin: 18px 0;
		font-size: 40px;
	}
	
	.all-pricing .pricing-card .pricing-card__features .pricing-card__features-item {
		gap: 12px;
		font-size: 12px;
	}
	
	.all-pricing .pricing-card .pricing-card__features .pricing-card__features-item img {
		margin-top: 2px;
	}

	.all-pricing .pricing-card .pricing-card__cta {
		padding: 0 24px 24px;
	}
}

@keyframes priceSlash {
	0% {
		width: 110%;
	}
	
	75% {
		width: 110%;
	}
	
	88% {
		width: 0%;
	}
	
	100% {
		width: 110%;
	}
}