#membership-levels .membership-title { 
	font-family: 'sentinel', serif;
	font-size: 45px;
	font-weight: 600;
	line-height: 55px;
	text-align: center;
	margin-bottom: 16px;	
}
#membership-levels .top-message {
	font-size: 25px;
	font-weight: 300;
	line-height: 35px;	
	margin-bottom: 78px;
	text-align: center;
}
#membership-levels .level-slider-box {
	width:1920px;
	overflow-x: hidden;
	height:auto;
	margin: 0 -100px;
}
#membership-levels .level-slider .level-card { margin-top: 22px; background: white; width:445px; height: fit-content; margin-right:16px; margin-left: 16px;  } 
#membership-levels .level-slider .level-card .level-top-bar {
	padding:32px;
	text-align: center;	
	color: white;
}
#membership-levels .level-slider .level-card .level-top-bar .level-title {
	font-family: 'source-sans-pro', sans-serif;
	font-weight: 700;
	font-size: 25px;
	line-height: 1.2;	
}
#membership-levels .level-slider .level-card .level-top-bar .level-sub {
	font-family: 'source-sans-pro', sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;	
}
#membership-levels .level-slider .level-card .level-top-bar .top-tab {
	position: absolute;
	left:50%;
	transform:translate(-50%,0);
	top:-22px;
	border-radius: 100px;
	padding: 8px 16px;
	font-family: 'source-sans-pro', sans-serif;
	font-style: italic;
	font-size: 18px;
	font-weight: 325;
	line-height: 28px;
}
#membership-levels .level-slider .level-card .level-list {
	padding: 32px;	
	height:292px;
}
#membership-levels .level-slider .level-card .level-list li {
	display: flex;
	align-items: center;	
	margin-bottom: 16px;
}
#membership-levels .level-slider .level-card .level-list li svg {
	margin-right: 16px;	
	flex-shrink: 0;
}
#membership-levels .level-slider .level-card .level-price-box {
	padding: 32px;
	text-align: center;	
} 
#membership-levels .level-slider .level-card .level-price-box .level-price {
	font-family: 'source-sans-pro', sans-serif;
	font-weight: 700;
	font-size: 25px;
	line-height: 1.2;
	margin-bottom: 24px;	
}	
#membership-levels .level-slider .level-card .level-price-box a button {
	display: block;
	margin: 0 auto 24px;	
}
#membership-levels .level-slider .level-card .level-price-box a.notbtn {
	display: flex; 
	align-items: center;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--serengeti);
	width:max-content;
	margin: 0 auto;
} 
#membership-levels .level-slider .level-card .level-price-box a.notbtn:hover { 
	border-bottom-color: var(--monarch);	
}
#membership-levels .level-slider .level-card .level-price-box a.notbtn svg { margin-right: 8px; }
#membership-levels .level-slider-box .owl-nav {
	position: absolute;
	left: 50%;
	bottom: -104px;
	transform:translate(-50%,0);
	display: flex;
	column-gap: 24px;	
	justify-content:center;
}
#membership-levels .bot-message {
	font-size: 14px;
	font-family: 'source-sans-pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 24px;
	text-align: center;	
}
.membership-content-layer {
	z-index: 1;
}
.membership-background-layer {
	z-index: 0;
	position: absolute;
	width: 100%;
	left: 50%;
	top:0;
	height: 100%;
	transform:translate(-50%,0);	
}
.membership-background-layer .membership-bg {
	position: absolute;	
}
#membership-levels .level-grid {
	display: flex;
	justify-content:center;
	column-gap: 32px;
	row-gap: 32px;
	flex-wrap:wrap;	
}
#membership-levels .level-grid .level-card { margin: 22px 0; background: white; width:445px; height: fit-content; } 
#membership-levels .level-grid .level-card .level-top-bar {
	padding:32px;
	text-align: center;	
	color: white;
}
#membership-levels .level-grid .level-card .level-top-bar .level-title {
	font-family: 'source-sans-pro', sans-serif;
	font-weight: 700;
	font-size: 25px;
	line-height: 1.2;	
}
#membership-levels .level-grid .level-card .level-top-bar .level-sub {
	font-family: 'source-sans-pro', sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;	
}
#membership-levels .level-grid .level-card .level-top-bar .top-tab {
	position: absolute;
	left:50%;
	transform:translate(-50%,0);
	top:-22px;
	border-radius: 100px;
	padding: 8px 16px;
	font-family: 'source-sans-pro', sans-serif;
	font-style: italic;
	font-size: 18px;
	font-weight: 325;
	line-height: 28px;
}
#membership-levels .level-grid .level-card .level-list {
	padding: 32px;	
	height:292px;
}
#membership-levels .level-grid .level-card .level-list li {
	display: flex;
	align-items: center;	
	margin-bottom: 16px;
}
#membership-levels .level-grid .level-card .level-list li svg {
	margin-right: 16px;	
	flex-shrink: 0;
}
#membership-levels .level-grid .level-card .level-price-box {
	padding: 32px;
	text-align: center;	
} 
#membership-levels .level-grid .level-card .level-price-box .level-price {
	font-family: 'source-sans-pro', sans-serif;
	font-weight: 700;
	font-size: 25px;
	line-height: 1.2;
	margin-bottom: 24px;	
}	
#membership-levels .level-grid .level-card .level-price-box a button { 
	display: block;
	margin: 0 auto 24px;	
}
#membership-levels .level-grid .level-card .level-price-box a.notbtn {
	display: flex; 
	align-items: center;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--serengeti);
	width:max-content;
	margin: 0 auto;
} 
#membership-levels .level-grid .level-card .level-price-box a.notbtn:hover { 
	border-bottom-color: var(--monarch);	
}
#membership-levels .level-grid .level-card .level-price-box a.notbtn svg { margin-right: 8px; }
@media screen and (max-width:1600px) {
	#membership-levels .level-slider-box {
		max-width: 100%;
		margin: 0 auto;		
		height: fit-content;
		overflow-x: unset;
		margin-bottom: 192px;
	}	
	#membership-levels .level-slider-box .level-slider {
		max-width: 100%;
		margin: 0 auto; 		
	}
}
@media screen and (max-width: 768px) {
	#membership-levels .level-slider .level-card { 
		margin-top: 22px; 
		background: white; 
		width:100%; 
		height: fit-content; 
		margin-right:16px; 
		margin-left: 16px;  
	} 	
	#membership-levels button.flickity-prev-next-button {
		height: 32px !important;
  		max-height: 32px !important;
  		width: 32px !important;
  		max-width: 32px !important;
  		padding: 0 !important;	
  		top: unset !important;
  		transform: unset !important;
	}
	#membership-levels button.flickity-prev-next-button svg { margin: 0 0 -2px 0; }
	#membership-levels .flickity-page-dots { width: fit-content; left: 50%; transform: translate(-50%,0); }
	#membership-levels .level-slider .level-card .level-list {
		padding: 16px;
	}
}

/* Column-count responsive variants (scoped via cols-N modifier class on #membership-levels) */
#membership-levels.cols-4 .level-slider-box .level-slider {
	width:100%;	
	margin-left: 0;
	margin-right: 0;	
	margin-bottom: 160px;
}
#membership-levels.cols-4 .level-slider-box {
	width:100%;
	overflow-x: hidden;
	height:auto;
	margin: 0;
}
#membership-levels.cols-4 .flickity-button { display:none !important; }
@media screen and (max-width:1600px) {
	#membership-levels.cols-5 .level-grid,
	#membership-levels.cols-4 .level-grid {
		grid-template-columns: 1fr 1fr 1fr;	
	}
}
@media screen and (max-width:900px) {
	#membership-levels .level-grid {
		grid-template-columns: 1fr 1fr;	
	}
}