.PRICING {
	position: relative;
}

.PRICING .b-frame {
	padding-top: 60rem;
}

.PRICING ul,
.PRICING li {
	padding: 0;
}

.PRICING li::marker {
	content: '';
}

.PRICING h3 {
	font-size: 24rem;
}

.PRICING .table {
	margin-top: 60rem;
}

.PRICING table {
	border-collapse: separate;
}

.PRICING table td {
	padding: 10rem 20rem;
	border: none;
	max-width: 300rem;
}

.PRICING table tr:nth-child(odd) td {background: var(--white);}
.PRICING table tr:nth-child(even) td {background: var(--light-blue);}

.PRICING table tr:first-child td {
	border-top: none;
	border-bottom: 1rem solid #ccc;
	color: var(--dark-blue);
	padding: 20rem;
}

.PRICING table tr:last-child td {
	border-top: 1rem solid #ccc;
	padding: 30rem 20rem;
}

.PRICING table td:not(:first-child) {
	text-align: center;
}

.PRICING table td:first-child {
	border-left: 1rem solid #ccc;
}

.PRICING table td:last-child {
	border-right: 1rem solid #ccc;
}

.PRICING table tr:first-child td:first-child,
.PRICING table tr:first-child td:last-child,
.PRICING table tr:last-child td:first-child,
.PRICING table tr:last-child td:last-child {
	border-left: none;
	border-right: none;
}

.PRICING table td .check {
	display: block;
	background: url(/wp-content/themes/wp-parchment/assets/images/ui-check.svg) no-repeat center / contain;
	width: 20rem;
	height: 15rem;
	margin: 0 auto;
}

.PRICING .b-button {
	padding: 12rem 15rem;
}



.PRICING .nav {
	position: absolute;
	top: -65rem;
}

.PRICING .nav ul {
	display: flex;
	justify-content: space-between;
}

.PRICING .platform-nav {
	all: unset;
	width: auto;
	min-width: 130rem;
	padding: 20rem;
	margin: 0 auto;
	text-align: center;
	color: var(--white);
	border-radius: 10rem 10rem 0 0;
	cursor: pointer;
}

.PRICING .platform-nav.selected {
	color: var(--dark-blue);
	background: var(--white);
}

.PRICING .platform-nav.tabbed {
  outline: #005fcc solid 2px;
}

.PRICING .platform-nav > h4{
	font-family: 'Rubik', sans-serif;
	font-weight: 600;
}

.PRICING .platforms-container .platform > h2 {
 	font-size: 42rem;
 	color: var(--dark-blue);
 	margin-bottom: 50rem;
}

.PRICING .platforms-container .secondary-nav {
	border-bottom: 1rem solid #ccc;
}

.PRICING .platforms-container .secondary-nav ul {
	display: flex;
	justify-content: flex-start;
}



.PRICING .platforms-container .secondary-nav .product-nav {
	all: unset;
	padding: 15rem 10rem;
	margin-right: 25rem;
	color: var(--dark-blue);
	cursor: pointer;
}

.PRICING .platforms-container .secondary-nav .product-nav.selected {
	border-bottom: 2px solid var(--green);
	color: var(--black);
}

.PRICING .platforms-container .secondary-nav .product-nav.tabbed {
  outline: #005fcc solid 2px;
}



.PRICING .products-container {
	margin-top: 50rem;
}

.PRICING .products-container .product > h2 {
 	font-size: 42rem;
 	color: var(--dark-blue);
 	margin-bottom: 50rem;
}

.PRICING .products-container .platform-title {
	font-weight: 600;
}

.PRICING .products-container .product-title {
	font-weight: 300;
}

.PRICING .products-container .divider {
	padding: 0 20rem;
	background: url(/wp-content/themes/wp-parchment/assets/images/ui-arrow.svg) no-repeat 10rem center / 8rem 12rem;
}



.PRICING .tertiary-nav {
	margin-bottom: 70rem;
}

.PRICING .tertiary-nav ul {
	display: flex;
	justify-content: center;
}

.PRICING .tertiary-nav .subproduct-nav {
	margin: 0 20rem;
	padding: 5rem;
	color: var(--dark-blue);
	cursor: pointer;
}

.PRICING .tertiary-nav .subproduct-nav.selected {
	border-bottom: 2px solid var(--green);
}

.PRICING .subproducts-container {
	text-align: center;
}

.PRICING .subproducts-container .b-columns {
	justify-content: center;
}

.PRICING .subproducts-container .b-column {
	text-align: center;
}

.PRICING .subproducts-container .column {
	padding: 30rem 20rem 40rem;
    background: var(--white);
    box-sizing: border-box;
    border: var(--border);
    border-radius: var(--border-radius);
    height: 100%;
}



@media screen and (max-width:960px){
	.PRICING .b-frame {padding-bottom: 0;}
	.PRICING h3 {font-size: 20rem;}

	.PRICING .nav {display: none;}
	.PRICING .secondary-nav {display: none;}
	.PRICING .platform {display: block !important;}
	.PRICING .product {display: block !important;}

	.PRICING .platform {margin-bottom: 100rem;}

	.PRICING .products-container {margin-top:0 ;}
	.PRICING .products-container h2 * {display: block;}
	.PRICING .products-container .divider {display: none;}
	.PRICING .product {margin-bottom: 100rem;}

	.PRICING .table {table-layout: fixed; overflow-x: scroll;}
	.PRICING td:first-child {position: sticky; left: 0; z-index: 2;}
}

@media screen and (max-width:575px){
	.PRICING td:first-child {max-width: 100rem;}
}