/*Tab Tables start*/
.tab-tables{
	display: flex;
	flex-direction: column;
	padding: var(--side-padding);
	padding-block: 50px;
}

.tab-tables ul li{
	font-size: var(--body-size);
}

.tab-tables__head{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 60px;
}

.tab-tables__header{
	margin-bottom: 30px;
}

.tab-tables__tabs{
	display: flex;
	background-color: var(--off-white);
	border-radius: 6969px;
	justify-content: center;
	padding: 5px;
}

.tab-tables__tabs .selector-group__option{
	text-transform: uppercase;
	font-weight: var(--accent-header-weight);
	font-family: var(--accent-font);
	padding: 10px 20px;
	color: black;
	line-height: var(--body-height);
}

.tab-tables__tabs .selector-group__option--active{
	background-color: var(--action-green);
	color: white;
	border-radius: 6969px;
}

.tab-tables__wrapper.swiper{
	width: 100%;
}

.tab-tables__table{
	display: flex;
	flex-direction: column;
	width: 100%;
}

.tab-tables__row, .tab-tables__mobile--table-row{
	display: flex;
	width: 100%;
	border-radius: 20px;
	align-items: center;
	min-height: 2lh;
	padding-block: 10px;
}

.tab-tables__row:nth-child(odd){
	background-color: var(--off-white);
}

.tab-tables__row--label, .tab-tables__mobile--label{
	width: 23.5%;
	border-right: solid white 2px;
	padding: 0px 20px;
	align-items: center;
	
	& p{
		text-transform: uppercase;
	color: var(--dark-blue);
	font-weight: var(--accent-header-weight);
	font-family: var(--accent-font);
		margin-bottom: -1px;
		line-height: 18px;
	}
}

.tab-tables__row--copy, .tab-tables__mobile--copy{
	padding: 0px 20px;
	width: 76.5%;
	
	& p, li{
		line-height: var(--body-height);
		font-family: var(--body-font);
		font-size: var(--body-size);
		margin-bottom: 0;
	}
	
	& ul{
		margin-bottom: 0;
		margin-left: 0px;
		list-style: none;
	}
}

.tab-tables__row--copy > ul br{
	display: none;
}

/*mobile*/
.tab-tables__mobile, .tab-tables__select{
	display: none;
}
@media(max-width: 768px){
	.tab-tables{
		padding-inline: 0;
	}
	
	.tab-tables__head{
		padding: var(--side-padding);
		margin-bottom: 20px;
	}
	
	.tab-tables__wrapper{
		display: none;
	}
	
	.tab-tables__tabs{
		display: none;
	}
	
	.tab-tables__mobile{
		display: flex;
		flex-direction: column;
	}

	.tab-tables__select{
		appearance: none;
		border: none;
		border-radius: 6969px;
		background-color: var(--off-white);
		margin-bottom: 30px;
		font-family: var(--accent-font);
		text-transform: uppercase;
		font-weight: var(--accent-header-weight);
		padding: 10px 20px;
		position: relative;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M300.3 440.8C312.9 451 331.4 450.3 343.1 438.6L471.1 310.6C480.3 301.4 483 287.7 478 275.7C473 263.7 461.4 256 448.5 256L192.5 256C179.6 256 167.9 263.8 162.9 275.8C157.9 287.8 160.7 301.5 169.9 310.6L297.9 438.6L300.3 440.8z'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: 99%;
		background-size: 24px;
		display: flex;
		width: 100%;
	}

	.tab-tables__mobile--table{
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.tab-tables__mobile--table-row{
		display: flex;
		width: 100%;
		align-items: center;
		min-height: 2lh;
		border-radius: 0;
	}

	.tab-tables__mobile--table-row:nth-child(odd){
		background-color: var(--off-white);
	}

	.tab-tables__mobile--label{
		width: 30%;
		text-transform: uppercase;
		color: var(--dark-blue);
		font-weight: var(--accent-header-weight);
		font-family: var(--accent-font);
		border-right: solid white 2px;
		padding: var(--side-padding);
		line-height: var(--body-height);
		align-items: center;
		margin-bottom: 0;
	}
	
	.tab-tables__mobile--copy p, .tab-tables__mobile--label p{
		margin: 0px;
	}

	.tab-tables__mobile--copy{
		width: 70%;
		line-height: var(--body-height);
		padding: var(--side-padding);
		margin-bottom: 0;
	}
}

@media(max-width: 600px){
	.tab-tables__mobile--table-row{
		justify-content: center;
		padding: 10px;
		flex-direction: column;
	}
	
	.tab-tables__mobile--label{
		width: 100%;
		border-right: none;
	}
	
	.tab-tables__mobile--copy{
		width: 100%;
	}
}
/*Tab Tables end*/