/* ===========================
   SDFC REEL COMPARISON TABLE
   =========================== */

.sdfc-table-wrap{
	width:100%;
	max-width:1052px;
	margin:0 auto;
	overflow-x:auto;
	border-radius:10px;
	box-shadow:0 3px 10px rgba(0,0,0,.12);
}

.sdfc-table{
	width:100%;
	border-collapse:collapse;
	text-align:center;
	background:#fff;
}

.sdfc-table thead{
	background:#4ba7e8;
}

.sdfc-th{
	padding:15px 12px;
	font-size:16px;
	font-weight:700;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	text-shadow:1px 1px 2px rgba(0,0,0,.7);
	border-bottom:1px solid #2e7fb8;
}

.sdfc-td{
	padding:12px 15px;
	font-size:15px;
	color:#111;
	text-align:center;
	vertical-align:middle;
	border-bottom:1px solid #d7d7d7;
}

.sdfc-table tbody tr:nth-child(even){
	background:#edf3f7;
}

.sdfc-table tbody tr:nth-child(odd){
	background:#fff;
}

.sdfc-table tbody tr:last-child .sdfc-td{
	border-bottom:none;
}

.sdfc-table a.charter-link{
	color:#0056a6;
	text-decoration:none;
	font-weight:500;
}

.sdfc-table a.charter-link:hover{
	text-decoration:underline;
}

.table-text{
	display:inline-block;
}

.sdfc-col-10{
	width:10%;
}

.sdfc-col-15{
	width:15%;
}

.sdfc-col-20{
	width:20%;
}

.sdfc-col-25{
	width:25%;
}

.sdfc-col-30{
	width:30%;
}


/* ===========================
   MOBILE
   =========================== */

@media (max-width:767px){

	.sdfc-table-wrap{
		max-width:100%;
		border-radius:8px;
	}

	.sdfc-table,
	.sdfc-table thead,
	.sdfc-table tbody,
	.sdfc-table tr,
	.sdfc-table th,
	.sdfc-table td{
		display:block;
		width:100%;
	}

	.sdfc-table thead{
		display:none;
	}

	.sdfc-table tbody tr{
		margin-bottom:15px;
		border:1px solid #d7d7d7;
		border-radius:8px;
		overflow:hidden;
		background:#fff;
	}

	.sdfc-table tbody tr:nth-child(even),
	.sdfc-table tbody tr:nth-child(odd){
		background:#fff;
	}

	.sdfc-td{
		display:flex;
		justify-content:space-between;
		align-items:center;
		gap:15px;
		padding:10px 12px;
		text-align:right;
		border-bottom:1px solid #ddd;
	}

	.sdfc-td:last-child{
		border-bottom:none;
	}

	.sdfc-td::before{
		content:attr(data-label);
		flex:0 0 42%;
		font-weight:700;
		text-align:left;
		color:#222;
	}

	.sdfc-td .table-text,
	.sdfc-td a{
		flex:1;
		text-align:right;
	}
}