.ds-info-cards-grid {
	padding-block: 60px 30px;
}

.ds-info-cards-grid__inner {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.ds-info-cards-grid__content {
	text-align: center;
}

.ds-info-cards-grid__heading {
	margin-bottom: 5px;
}

.ds-info-cards-grid__items {
	--gap: 28px;
	--items: 4;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--gap);
}

.ds-info-cards-grid__item-container {
	flex: 0 0 calc((100% - (var(--items) - 1) * var(--gap)) / var(--items));
}

.ds-info-cards-grid__item {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	border-radius: 15px;
	overflow: hidden;
	background: #cddfd7;
	text-decoration: none;
	padding: 22px 20px;
	color: #044e2e;
}

.ds-info-cards-grid__item-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 15px;
}

.ds-info-cards-grid__item-inner:after {
	content: '';
	display: block;
	mask-image: url("data:image/svg+xml,%3Csvg width='11' height='17' viewBox='0 0 11 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.689573 15.5658C0.634964 15.6107 0.59009 15.6662 0.557704 15.7291C0.525318 15.7919 0.506102 15.8606 0.501233 15.9311C0.496364 16.0016 0.505946 16.0724 0.52939 16.1391C0.552834 16.2057 0.589647 16.2669 0.637572 16.3189C0.73716 16.4257 0.873858 16.4904 1.01964 16.4997C1.16542 16.509 1.30923 16.4622 1.42159 16.3689L10.3117 8.88973C10.3706 8.84104 10.4181 8.77993 10.4506 8.71078C10.4832 8.64164 10.5 8.56615 10.5 8.48973C10.5 8.4133 10.4832 8.33782 10.4506 8.26867C10.4181 8.19952 10.3706 8.13842 10.3117 8.08972L1.42159 0.631604C1.30911 0.538379 1.16522 0.491724 1.01944 0.501207C0.873655 0.510691 0.737026 0.575593 0.637572 0.682605C0.589865 0.73459 0.553259 0.795756 0.52999 0.862367C0.506721 0.928977 0.497278 0.999633 0.502239 1.07002C0.507199 1.1404 0.526459 1.20903 0.558841 1.27172C0.591223 1.33441 0.636046 1.38984 0.690573 1.43462L9.10071 8.48973L0.689573 15.5658Z' fill='%23044E2E' stroke='%23044E2E'/%3E%3C/svg%3E%0A");
	mask-repeat: no-repeat;
	mask-size: 100% 100%;
	width: 11px;
	height: 17px;
	background-color: currentColor;
	flex-shrink: 0;
	z-index: 2;
}

.ds-info-cards-grid__item-content {
	display: grid;
	grid-template-areas: "stack";
	align-items: center;
}

.ds-info-cards-grid__item-text {
	grid-area: stack;
}

.ds-info-cards-grid__item-hover-description {
	font-size: 14px;
	line-height: 1.5;
	grid-area: stack;
	opacity: 0;
	pointer-events: none;
	z-index: 1;
}

.ds-info-cards-grid__item-hover-description:before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: #2F7958;
    z-index: -1;
}

.ds-info-cards-grid__read-more {
	text-decoration: underline;
}

.ds-info-cards-grid__item-title {
	font-size: 24px;
	line-height: 1.41;
	color: #044e2e;
	margin-bottom: 5px;
	transition: color 0.4s;
}

.ds-info-cards-grid__item-title:last-child {
	margin-bottom: 0;
}

.ds-info-cards-grid__item-description {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
}

.ds-info-cards-grid__actions {
	text-align: center;
}

.ds-info-cards-grid__actions .btn {
    min-width: 400px;
}

/* Hover breakpoint */

@media (hover: hover) {
	.ds-info-cards-grid__item:hover {
		background-color: #2F7958;
		color: #fff;
	}

	.ds-info-cards-grid__item:hover .ds-info-cards-grid__item-title {
		color: #fff;
	}

	.ds-info-cards-grid__item:hover .ds-info-cards-grid__item-hover-description {
		opacity: 1;
		pointer-events: auto;
	}
}

/* Large Desktop */

@media screen and (max-width: 1399px) {
	.ds-info-cards-grid__items {
		--gap: 20px;
	}
	
	.ds-info-cards-grid__item-title {
		font-size: 20px;
	}

	.ds-info-cards-grid__item {
		padding: 20px;
	}
}

/* Tablet */

@media screen and (max-width: 1023px) {
	.ds-info-cards-grid {
		padding-block: 30px;
	}

	.ds-info-cards-grid__items {
		--items: 2;
	}

	.ds-info-cards-grid__inner {
		gap: 20px;
	}
}

/* Mobile medium */

@media screen and (max-width: 575px) {
	.ds-info-cards-grid__items {
		--items: 1;
	}

	.ds-info-cards-grid__actions .btn {
        min-width: initial;
        width: 100%;
	}
}