.tackle-categories {
	background: #062f33;
	color: #f5f2e9;
}

.tackle-categories .tackle-section-heading h2 {
	color: #f5f2e9;
}

.tackle-categories .tackle-section-heading > p {
	color: rgba(245, 242, 233, 0.72);
}

.tackle-categories .eyebrow {
	color: #18b7b1;
}

.tackle-category-grid {
	gap: 12px;
	border: 0;
}

.tackle-category-card,
.tackle-category-card:nth-child(4),
.tackle-category-card:nth-child(5) {
	border: 1px solid #d8dfda;
	background: #f7f5ef;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16);
	color: #12383a;
}

.tackle-category-card--active {
	background: #12383a;
	border-color: #18b7b1;
	color: #f5f2e9;
}

.tackle-category-card--active::before {
	position: absolute;
	top: -1px;
	right: -1px;
	left: -1px;
	height: 6px;
	background: #cbea45;
	content: "";
}

.tackle-category-card__number {
	color: #6f8586;
}

.tackle-category-card--active .tackle-category-card__number {
	color: rgba(245, 242, 233, 0.5);
}

.tackle-category-card > p {
	color: #087c7d;
}

.tackle-category-card--active > p {
	color: #cbea45;
}

.tackle-category-card h3 {
	color: #12383a;
}

.tackle-category-card--active h3 {
	color: #f5f2e9;
}

.tackle-category-card ul {
	color: #49696b;
}

.tackle-category-card--active ul {
	color: rgba(245, 242, 233, 0.76);
}

.tackle-category-card li::before {
	color: #18b7b1;
}

.tackle-category-card--active li::before {
	color: #cbea45;
}

.tackle-category-card a,
.tackle-category-card__state {
	border-top-color: rgba(18, 56, 58, 0.18);
	color: #087c7d;
}

.tackle-category-card--active a,
.tackle-category-card--active .tackle-category-card__state {
	border-top-color: rgba(245, 242, 233, 0.22);
	color: #cbea45;
}

.tackle-category-card a:hover {
	color: #062f33;
}

.tackle-category-card--active a:hover {
	color: #ffffff;
}

@media (max-width: 680px) {
	.tackle-category-grid {
		gap: 10px;
	}

	.tackle-category-card {
		min-height: 260px;
	}
}