.green-cards {
	.head {
		max-width: 750px;
		margin: 0 auto 56px;

		p {
			margin-top: 16px;
		}
	}

	.flex_wrapper  {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 16px;
	}

	.card_box {
		position: relative;
		display: block;
		width: calc(100% / 3 - 32px / 3);
		border-radius: 16px;
		padding: 38px 24px 32px;

		&.small-pad {
			padding: 16px;
		}

		h2 {
			margin-bottom: 32px;
		}

		h3 {
			margin-bottom: 24px;
		}
	}

	.icon-button-box {
		bottom: auto;
		top: 0;
		padding-top: 0;
		padding-bottom: var(--p);
		border-radius: 0 0 0 var(--r);

		&:before {
			right: 0;
			bottom: auto;
			top: 100%;
			border-top-right-radius: var(--r);
			box-shadow: var(--p) calc(var(--p) * -1) 0 0 var(--white-50);
		}

		&:after {
			bottom: auto;
			top: 0;
			border-top-right-radius: var(--r);
			box-shadow: var(--p) calc(var(--p) * -1) 0 0 var(--white-50);
		}
	}

	@media(max-width: 1199px) {
		.head {
			margin-bottom: 32px;
		}

		.flex_wrapper {
			gap: 16px;
		}

		.card_box {
			position: relative;
			display: block;
			width: calc(50% - 8px);
			padding: 16px;

			h2 {
				margin-bottom: 16px;
			}
		}
	}

	@media(max-width: 767px) {
		.flex_wrapper {
			gap: 24px;
		}

		.card_box {
			width: 100%;
		}
	}
}