
.compare_tabs_nav ul {
	display: flex;
	gap: 10px 20px;
	flex-wrap: wrap;
}

.compare_tabs_nav ul li {
	display: flex;
	align-items: center;
	gap: 10px;
}
.compare_tabs_nav ul li.hidden {
	display: none;
}
.compare_tabs_nav ul li .remove_compare_cats {
	display: block;
	height: 20px;
	width: 20px;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23fff"><path d="M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM175 208.1L222.1 255.1L175 303C165.7 312.4 165.7 327.6 175 336.1C184.4 346.3 199.6 346.3 208.1 336.1L255.1 289.9L303 336.1C312.4 346.3 327.6 346.3 336.1 336.1C346.3 327.6 346.3 312.4 336.1 303L289.9 255.1L336.1 208.1C346.3 199.6 346.3 184.4 336.1 175C327.6 165.7 312.4 165.7 303 175L255.1 222.1L208.1 175C199.6 165.7 184.4 165.7 175 175C165.7 184.4 165.7 199.6 175 208.1V208.1z"/></svg>') no-repeat center/cover;
}

.compare_tab_content {
	display: none;
}
.compare_tab_content.active {
	display: block;
}
.compare_table_flex {
	display: flex;
	gap: 20px;
	overflow: auto;
}
.compare_table_flex table td {
	font-size: 16px;
	vertical-align: middle;
}
.compare_table_flex table tr:nth-child(even) td {
    background: #f3f4f8;
}


.btn_compare_remove {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
	cursor: pointer;
}
.btn_compare_remove svg {
	width: 30px;
	height: 30px;
	display: block;
	fill: #e00000;
	transition: 0.3s;
}



