/**
/* Memberships tables */
.membership-columns {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	gap: 2em;
	margin: 2em 0 4em;
}
.membership-column {
	flex: 1;
	border: 1px solid #6dcfb6;
	transition: 0.3s ease box-shadow;
	margin-bottom: 3em;
	padding-bottom: 0 !important;
}

.membership-column {
	box-shadow: 0 5px 20px 0 rgba(50, 50, 50, 0.2);
}

.membership-column.vip {
	border-color: #6dcfb6;
}

.membership-column.vipplus {
	border-color: #004963;
}

.membership-column a {
	color: inherit;
}

.membership-column h3 {
	background: #c3ebe3;
	color: #004963 !important;
	text-align: center;
	font-weight: bold;
	font-family: 'ScandiaLine';
	z-index: 100;
	opacity: 1;
	margin: 0;
}

@media (min-width: 800px) {
	.membership-column h3 {
		position: sticky;
		top: var(--sticky-nav-offset, 35px);
	}
}

.membership-column.vip h3 {
	background: #6dcfb6;
}

.membership-column.vipplus h3 {
	background: #004963;
	color: #6dcfb6 !important;
}

.membership-column h4 {
	text-align: center;
	font-weight: bold;
	font-family: 'Scandia';
	font-size: x-large;
}

.membership-column h3 span {
	display: block;
}

.membership-column ul {
	list-style: none;
	padding: 0 0 0 1em;
	margin: 0 0 1em;
}

.membership-column li {
	padding: 0.5em 0.5em 0.5em 1.5em;
	position: relative;
}

.membership-column ul li:before {
	position: absolute;
	left: 0;
	content: '✔';
}

.membership-column:not(.no-toggle):not(.expand) ul {
	max-height: 11rem;
	overflow: hidden;
}

.membership-column:not(.no-toggle):not(.expand) ul:nth-of-type(n + 2),
.membership-column:not(.no-toggle):not(.expand) p {
	display: none;
}

.toggle-arrow {
	text-align: center;
	font-size: smaller;
	cursor: pointer;
	margin: 1em 0 1em -1em;
}

.toggle-arrow span {
	font-size: x-large;
	display: inline-block;
	vertical-align: middle;
}

.toggle-arrow.expand span {
	transform: rotate(45deg);
}
.toggle-arrow text {
	display: inline;
}

.toggle-arrow.expand text {
	display: none;
}

.membership-column .box {
	border: 3px solid #c3ebe3;
	padding-top: 0;
	position: relative;
	text-align: center;
	margin-bottom: 0;
}

.membership-column {
	padding: 0 !important;
}
.membership-column button.healcode,
.welcome-package button.healcode {
	padding: 0 !important;
	margin: 1.5em 0 0;
	display: block;
	width: 100%;
	box-sizing: border-box;
	border-left: none;
	border-right: none;
}

.membership-column button.healcode a {
	font-weight: bold;
	color: white !important;
	background: #004963 !important;
	padding: 1.1em;
	font-size: larger;
	display: block;
	width: 100%;
	box-sizing: border-box;
	transition: 0.3s ease background-color;
}

.membership-column button.healcode a:hover {
	background-color: #01b1cd !important;
}

@media (max-width: 767px) {
	.membership-column button.healcode {
		font-size: smaller;
	}
}

.welcome-packages {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	gap: 2em;
	margin: 2em 0 4em;
}

.welcome-package {
	flex: 1;
	margin: 0;
	padding: 0;
}
.welcome-package p {
	padding: 0;
}
@media (max-width: 600px) {
	.welcome-packages {
		gap: 0.5rem;
	}
	.welcome-package .membership-column p,
	.welcome-package .membership-column h5 {
		padding: 0 1rem;
	}
}
.welcome-packages .value {
	border: #c5e3d6 4px solid;
	max-width: 80%;
	margin: 2em auto;
	font-size: x-large;
	padding: 0.5em;
	color: #004963;
	font-family: 'ScandiaLine', 'Scandia', sans-serif;
	font-weight: bold;
}
.welcome-packages .value.vip {
	border: #6dcfb6 4px solid;
}
.welcome-package > .membership-column {
	padding: 1em;
	text-align: center;
}
.welcome-package * {
	text-align: center !important;
}
.welcome-package h5 {
	color: #004963;
	font-weight: bold;
	padding: 0.5em 0;
}

.welcome-benefit {
	display: flex;
	background-color: #ccece6;
	padding: 5px;
	margin: 2em 0;
	width: 100%;
}

.welcome-benefit * {
	color: #014963;
}

.welcome-benefit > div:first-child {
	flex: 1;
	align-self: center;
	font-weight: bold;
	text-align: center;
	font-size: large;
	text-transform: uppercase;
}

.welcome-benefit > div:nth-child(2) {
	flex: 4;
	background: white;
	padding: 0.5em 2em;
}

.welcome-benefit h4 {
	font-weight: bold;
	font-family: 'ScandiaLine', 'Scandia', sans-serif;
	text-transform: uppercase;
	padding: 1em 0 0;
}

@media (max-width: 600px) {
	.welcome-benefit > div:first-child {
		min-width: 100px;
		font-size: medium;
	}
}