.comparison-table {
	padding: 0 var(--sideGap);
	
	& .centered-text-raw {
		max-width: 818px;
		padding-left: 30px;
		padding-right: 30px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		& .eyebrow-text {
			margin-bottom: 22px;
			display: block;
		}
		& h2 {
			text-align: center !important;
			margin-bottom: 22px;
			margin-left: auto;
			margin-right: auto;
			max-width: 700px;
		}
		& p {
			font-size: 14px;
			margin-bottom: 30px;
		}
		@media (max-width: 767px) {
				padding-left: 0;
				padding-right: 0;
		}
	}
	
	& .table-wrap {
		border: 1px solid #EEEEF1;
		border-radius: 12px;
		margin-top: 32px;
		margin-bottom: 32px;
		overflow: auto;
	}
	& table {
		
		font-size: 14px;
		color: ⁨#77797E;
		table-layout: fixed;
		
		@media (max-width: 991px) { 
			width: min(1000px, 250%);
			max-width: none;
		}
		
		& td, & th, & tr { border: none }
		
		& tr:not(:last-of-type) { border-bottom: 1px solid #EEEEF1; }
		
		& th {
			background: rgba(245, 245, 247, 0.60);
			color: #343A40;
			font-size: 18px;
			font-style: normal;
			font-weight: 500;
			line-height: 125%; /* 22.5px */
		}
		
		& th, & td {
			padding: 17px 18px;
			vertical-align: top;
		}
		
		& img {
			width: auto;
			height: auto;
		}
		& .meter {
			background-color: #F5F5F7;
			padding: 10px 14px;
			& .bar {
				background-color: #E5E5E9;
				width: 100%;
				height: 5px;
				display: block;
				& .value {
					display: block;
          			height: 5px;
					background-color: #00A398;
					&.medium { background-color: #FFD056 }
					&.bad { background-color: #FF6567 }
				}
			}
		}
	}
}