.mixr-page-footer {
	padding: 40px 0;
	background: #071b3f;
	color: rgba(237, 237, 237, 0.8);
	text-align: center;
}

.mixr-page-hero {
	padding: 120px 0 48px;
	background: linear-gradient(180deg, #071b3f, #0b1020);
}

.mixr-page-hero h1 {
	margin: 0;
	color: #fff;
	font-size: clamp(32px, 5vw, 48px);
}

.mixr-detail__content,
.mixr-section .container {
	color: #eef2ff;
}

.mixr-card {
	display: block;
	background: #151d36;
	border-radius: 16px;
	overflow: hidden;
	margin-bottom: 24px;
}

.mixr-card__image img {
	width: 100%;
	display: block;
}

.mixr-card__body {
	padding: 20px;
}

.mixr-grid--3 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

@media (max-width: 992px) {
	.mixr-grid--3 {
		grid-template-columns: 1fr;
	}
}