.spc {
	gap: var(--spacer_40);
}

@media (max-width: 800px) {
	.spc{
		width: calc(100% + var(--spacer_8));
		transform: translateX(calc(var(--spacer_4) * -1));
		gap: var(--spacer_24);
	}
}

.spc__title {
	margin-bottom: 0;
}

.spc__title > *:last-child {
	margin-bottom: 0;
}

.spc__title strong {
	color: var(--primary_dark_color);
}

.spc__tabs {
	padding-top: var(--spacer_8);
	padding-bottom: var(--spacer_8);
}
@media (max-width: 800px) {
	.spc__tab {
		flex-grow: 1;
	}
}
.spc__tab-label {
	position: relative;
	display: block;
	padding: var(--spacer_8) var(--spacer_24);
	color: var(--grey_color);
	border-bottom: 1px solid var(--grey_color);
	font-weight: var(--font_weight_600);
	color: transparent;
	cursor: pointer;
}
@media (max-width: 800px) {
	.spc__tab-label {
		font-size: var(--font_size_12);
		padding: var(--spacer_12) var(--spacer_4);
	}
}

.spc__tab-label::before {
	content: attr(data-label);
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	font: inherit;
	color: var(--grey_color);
	font-weight: var(--font_weight_400);
	transform: translate(-50%, -50%);
	width: 100%;
	padding-top: var(--spacer_8);
	padding-bottom: var(--spacer_8);
	text-align: center;
	transition: color var(--default_transition), font-weight var(--default_transition);
}
@media (min-width: 801px) {
	.spc__tab-label-text--mobile {
		display: none;
	}
}
@media (max-width: 800px) {
	.spc__tab-label-text--desktop {
		display: none;
	}
	.spc__tab-label::before {
		content: attr(data-label-mobile);
	}
}

.spc__tab-input:checked + .spc__tab-label::before {
	color: var(--primary_dark_color);
	font-weight: var(--font_weight_600);
}

.spc__tab-label::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: var(--primary_dark_color);
	transform: scaleY(0);
	transform-origin: bottom;
	transition: transform var(--default_transition);
}

.spc__tab-input:checked + .spc__tab-label::after {
	transform: scaleY(1);
}

.spc__listing {
	display: grid;
}
.spc__listing:has(.spc__card--highlight) .spc__cards {
	padding-top: var(--spacer_40);
	padding-bottom: var(--spacer_4);
}

.spc__item {
	display: grid;
	grid-template-rows: 0fr;
	
	grid-row-start: 1;
	grid-column-start: 1;
	opacity: 0;
	visibility: hidden;
	transition: opacity var(--default_transition), visibility var(--default_transition), grid-template-rows var(--default_transition);
}

.spc__card-price-info-container {
	position: relative;
  display: flex;
  align-items: center;
}

@media (min-width: 801px) {
	.spc__item {
		grid-template-rows: 1fr;
	}
}

.spc__item--visible {
	grid-template-rows: 1fr;
	opacity: 1;
	visibility: visible;
}

.spc__cards {
	gap: var(--spacer_24);
	margin-bottom: 0;
	flex-wrap: wrap;
	justify-content: center;
	overflow: hidden;
}

.spc__card--highlight {
	padding-top: var(--spacer_40);
}

.spc__card {
	position: relative;
	width: calc((100% / 3) - (var(--spacer_24) / 1.5));
	max-width: 100%;
	background-color: var(--white_color);
	padding: var(--spacer_24);
	border-radius: var(--border_radius_5);
	color: var(--grey_dark_color);
}

@media (max-width: 800px) {
	.spc__card {
		width: 100%;
		max-width: 48rem;
	}
}

.spc__card--highlight {
	transition: box-shadow var(--default_transition);
	box-shadow: inset 0 0 0 1px var(--primary_dark_color), 0 4px 0 0 var(--primary_dark_color);
}

.spc__card-tag {
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translate(-50%, 10px);
	font-size: var(--font_size_16);
	white-space: nowrap;
	padding: var(--spacer_2) var(--spacer_8);
	border-radius: var(--border_radius_2);
	color: var(--white_color);
	font-weight: var(--font_weight_600);
	line-height: 1.5;
	background-color: var(--primary_dark_color);
	opacity: 0;
	visibility: hidden;
	transition: opacity var(--default_transition), visibility var(--default_transition), transform var(--default_transition);
}

.spc__card--highlight .spc__card-tag {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, -10px);
}

.spc__card-label-container {
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacer_4);
}

.spc__card-head-container {
	justify-content: space-between;
	align-items: center;
	margin-bottom: var(--spacer_8);
}
@media (max-width: 800px) {
	.spc__card-head-container {
		margin-bottom: 0;
	}
}

.spc__card-label-title {
	font-size: var(--h3_font_size);
	font-family: var(--secondary_font);
	color: var(--secondary_dark_color);
	line-height: 1.33;
	font-weight: var(--font_weight_600);
	margin-bottom: 0;
}

.spc__card-label-icon {
	max-height: 9.1rem;
	height: 9.1rem;
	object-fit: contain;
	object-position: center;
}

.spc__card-price {
	font-size: var(--h2_font_size);
	font-family: var(--secondary_font);
	font-weight: var(--font_weight_600);
	line-height: 1.175;
	margin-bottom: 0;
}
@media (max-width: 800px) {
	.spc__card-price {
		font-size: var(--font_size_34);
	}
}

.spc__card-price-tax {
	line-height: 1.56;
	display: inline-block;
	margin-left: var(--spacer_8);
}

.spc__card-price-info {
	color: var(--grey_light_color);
	font-size: var(--font_size_14);
	margin-bottom: 0;
}

.spc__card-title {
	text-align: center;
	font-weight: var(--font_weight_600);
	margin-top: 0;
	margin-bottom: 0;
	letter-spacing: -0.72px;
}

.spc__card--highlight .spc__card-title {
	color: var(--information_dark_color);
}

.spc__card .hs_cos_wrapper_type_cta,
.spc__card .hs-cta-wrapper,
.spc__card .hs-cta-node {
	display: block;
}

.spc__card .cta_button {
	width: 100%;
	box-sizing: border-box !important{# counter HS style #};
}

.spc__card:not(.spc__card--highlight) .cta_button {
	background-color: var(--white_color);
	color: var(--primary_dark_color);
}

.spc__card:not(.spc__card--highlight) .cta_button:hover,
.spc__card:not(.spc__card--highlight) .cta_button:focus {
	background-color: var(--white_color);
	box-shadow: inset 0 0 0 1px var(--primary_dark_color), 0 4px 0 0 var(--primary_dark_color);
}

.spc__card:not(.spc__card--highlight) .cta_button:active {
	background-color: var(--primary_light_color);
	box-shadow: inset 0 0 0 1px var(--primary_dark_color), 0 4px 0 0 var(--primary_dark_color);
	color: var(--white_color);
}

.spc__card-link,
.spc__card .hs_cos_wrapper_type_cta {
	margin-top: var(--spacer_24);
	width: 100%;
}

.spc__card-checklist {
	color: var(--grey_dark_color);
	margin-top: var(--spacer_24);
	gap: var(--spacer_8);
}

@media (max-width: 800px) {
	
}

.spc__card-checklist,
.semantic-list .spc__card-checklist {
	padding-left: 2rem;
}

.spc__card-checkitem {
	position: relative;
	font-size: var(--font_size_14);
	letter-spacing: -0.05px;
}

.spc__card-checkitem::after {
	content: "";
	position: absolute;
	top: 4px;
	left: -2rem;
	width: 1.2rem;
	height: 1.2rem;
}

.spc__card-checkitem--valid::after {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.262 5.281a.87.87 0 0 1 .613-.253.868.868 0 0 1 .604.28l2.757 3.003 6.343-6.593a.817.817 0 0 1 .597-.217c.217.009.424.1.577.271.153.163.24.38.247.606a.944.944 0 0 1-.217.624l-6.959 7.236a.817.817 0 0 1-.602.262h-.008a.837.837 0 0 1-.608-.271L.242 6.566a.947.947 0 0 1 .02-1.284Z' fill='%232C7A59'/%3E%3C/svg%3E");
}
.spc__card-checkitem--invalid {
	color: var(--grey_light_color);
}
.spc__card-checkitem--invalid::after {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.21 10.712 4.93 6 .21 1.288A.75.75 0 0 1 .22.24.733.733 0 0 1 .743.015c.197 0 .387.075.528.21l4.72 4.719L10.71.224a.767.767 0 0 1 .823-.172.741.741 0 0 1 .41.412.724.724 0 0 1-.004.577.857.857 0 0 1-.168.247L7.05 6l4.72 4.712a.857.857 0 0 1 .168.247.732.732 0 0 1 .005.577.74.74 0 0 1-.7.464.766.766 0 0 1-.534-.225L5.99 7.056l-4.72 4.72a.763.763 0 0 1-.527.209.733.733 0 0 1-.523-.225.75.75 0 0 1-.01-1.049Z' fill='%23BD4C32'/%3E%3C/svg%3E");
}

.spc__card-bottom-text {
	font-size: var(--font_size_12);
	padding-left: var(--spacer_20);
	color: var(--grey_color);
	margin-bottom: 0;
}


.spc__card-start-price {
	padding-top: var(--spacer_12);
	padding-right: var(--spacer_8);
}
@media (max-width: 1230px) {
	.spc__card-start-price {
		width: 100%;
	}
}

.spc__card-price:has(.spc__card-start-price) {
	flex-wrap: wrap;
}