:root{
	--pricing-table-base-color: #2a737f;
	--pricing-table-price-label: #979797;
	--highlighted-grey: #999999;
}

.text-pricing-table-base-color{
	color: var(--pricing-table-base-color);
}

.pricing-table{
	display: flex;
	-webkit-display: flex;
	gap: 30px;
	max-width: 1400px;
	margin: 0px auto;
	flex-wrap: wrap;
	
}

#pricing-table-main{
	margin-top: 80px;
}

.pricing-table .pricing-table-type{
	background-color: #fff;
	border-radius: 20px;
	padding: 40px 30px;
	border: 1px solid rgba(42, 115, 127, 0.4);
	text-align: center;
	display: flex;
	-webkit-display: flex;
	flex-direction: column;
	flex: 0 0 calc(33.333333% - 20px);
}

.pricing-table .pricing-table-type.popular{
	border-color: var(--pricing-table-base-color);
	position: relative;
	transform: scale(1.05);
}

.pricing-table .pricing-table-type.popular::before{
	content: "Populair";
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	border: #2a737f;
	color: #fff;
	background-color: var(--pricing-table-base-color);
	border-radius: 20px;
	padding: 5px 20px;
}

.pricing-table .pricing-table-type h3{
	text-align: center;
	color: var(--pricing-table-base-color);
}

.pricing-table .pricing-table-type .description{
	font-weight: 500;
}

.pricing-table .pricing-table-type .trial-period{
	color: var(--pricing-table-base-color);
	position: relative;
}

.pricing-table .pricing-table-type .trial-period::before{
	content: "\f017";
	font: var(--fa-font-solid);
	color: var(--pricing-table-base-color);
	margin-right: 5px;
	display: inline-block;
}

.pricing-table .pricing-table-type .price-box .price{
	font-size: 50px;
	font-weight: 700;
}

.pricing-table .pricing-table-type .price-box .price-label{
	color: var(--pricing-table-price-label)
}


.pricing-table .pricing-table-type .container-list-options-included{
	text-align: left;
	margin-top: 15px;
}

.pricing-table .pricing-table-type .container-list-options-included ul{
	list-style: none;
	padding-left: 0;
	margin-top: 5px;
}

.pricing-table .pricing-table-type .container-list-options-included ul li{
	font-weight: 500;
}

.pricing-table .pricing-table-type .container-list-options-included ul li::before{
	content: "\f058";
	font: var(--fa-font-solid);
	color: var(--pricing-table-base-color);
	display: inline-block;
	margin-right: 5px;
}

.pricing-table .pricing-table-type .container-list-options-included ul li.highlighted {
	color: var(--color-primary);
}

.pricing-table .pricing-table-type .container-list-options-included ul li.highlighted::before {
	color: var(--color-primary);
}

.pricing-table .pricing-table-type .container-list-options-included ul li.highlighted-light {
	color: var(--highlighted-grey);
}

.pricing-table .pricing-table-type .container-list-options-included ul li.highlighted-light::before {
	color: var(--highlighted-grey);
}

.pricing-table .pricing-table-type .container-buttons{
	margin-top: auto;
}

.pricing-table .pricing-table-type .container-buttons a{
	background-color: var(--pricing-table-base-color);
	color: #fff;
	display: inline-block;
	margin: 0px auto;
	text-decoration: none;
}

.pricing-table .pricing-table-type .container-buttons a::after{
	content: "\f178";
  font: var(--fa-font-solid);
  color: #fff;
  margin-left: 20px;
  display: inline-block;
  vertical-align: middle;
 }
 
 .pricing-table .pricing-table-type .info{
 	margin-top: 5px;
 }

.pricing-table .pricing-table-type .info::before{ 
	content: '\f05a';
	font: var(--fa-font-solid);
	color: var(--pricing-table-base-color);
	margin-right: 5px;
	
}