.tools-items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}
@media (max-width: 1200px) {
	.tools-items {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
}
@media (max-width: 768px) {
	.tools-items {
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}
}
.tools-items__card {
	position: relative;
	height: 260px;
	padding: 40px;
	border-radius: 12px;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
	z-index: 1;
}
@media (max-width: 1200px) {
	.tools-items__card {
		padding: 24px 40px;
	}
}
@media (max-width: 768px) {
	.tools-items__card {
		padding: 32px 20px;
	}
}
.tools-items__title {
	font-weight: 500;
	font-size: 24px;
	line-height: 120%;	
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.tools-items__container:nth-child(9n + 1) .tools-items__card {
	background: rgba(220, 225, 216, 1);
}
.tools-items__container:nth-child(9n + 2) .tools-items__card {
	background: rgba(238, 238, 215, 1);
}
.tools-items__container:nth-child(9n + 3) .tools-items__card {
	background: rgba(232, 228, 217, 1);
}
.tools-items__container:nth-child(9n + 4) .tools-items__card {
	background: rgba(238, 238, 215, 1);
}
.tools-items__container:nth-child(9n + 5) .tools-items__card {
	background: rgba(216, 219, 205, 1);
}
.tools-items__container:nth-child(9n + 6) .tools-items__card {
	background: rgba(216, 222, 225, 1);
}
.tools-items__container:nth-child(9n + 7) .tools-items__card {
	background: rgba(233, 233, 233, 1);
}
.tools-items__container:nth-child(9n + 8) .tools-items__card {
	background: rgba(236, 226, 210, 1);
}
.tools-items__container:nth-child(9n + 9) .tools-items__card {
	background: rgba(238, 238, 215, 1);
}
.tools-items__container {
  	position: relative;
  	perspective: 1000px;
}
.tools-items__overlay {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-size: 20px;
	border: 1px solid rgba(87, 87, 87, 0.2);
	border-radius: 10px;
	backface-visibility: hidden;
	background-color: #fff;
	opacity: 0;
	transform: scale(0.9) ;
	z-index: 2;
	transition: opacity 0.4s ease, transform 0.4s ease;
}
.tools-items__container:hover .tools-items__card {
	/* opacity: 0;
	transform: scale(0.9); */
}
.tools-items__container:hover .tools-items__overlay {
	opacity: 1;
	transform: scale(1) translateY(0);
}
.tools-items__buttons {
	max-width: 180px;
	margin-top: auto;
}