.top-task-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--lg);
	width: 100%;
	display: flex;
	margin-bottom: var(--xxl);
}

.top-task-card {
	border: 2px solid var(--sd-color-primary-20);
	position: relative;
	padding: var(--xl);
	text-decoration: none;
	color: var(--sd-color-primary-110);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	min-height: 200px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	flex: 1;
}
	.top-task-card h3 {
		font-size: var(--sd-typography-fontSize-heading-sm)
	}


@media (max-width: 900px) {
	.top-task-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 500px) {
	.top-task-grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: var(--md, 16px)
	}

	.top-task-card {
		min-height: 0;
		text-align: left;
		justify-content: left;
		align-items: normal;
		padding: var(--xs);
	}
		.top-task-card h3 {
			font-size: var(--sd-typography-fontSize-heading-xss)
		}
		.top-task-card p {
			margin: 0 0 0.5em 0;
		}
}

/* CAMPAIGN BLOCK*/

/*.campaign2 {
	padding: 4rem 6rem;
	gap: 4rem;
}*/
/*	.campaign2 .text {
		padding: 0;
	}*/
.campaign2 h2 {
		font-size: 2.25rem;
}
.campaign2 p {
		font-size: 1.25rem;
		line-height: 150%;
}
.campaign2 .text {
	padding: 4rem;
	padding-right: 0;
}

.campaign2 img {
	padding-left: 4rem;
}
.campaign2 .sd-button--variant-secondary:not(:hover):not(:active):not(:focus) { 
	background-color: var(--sd-color-secondary-50);
}