.grid_solution_list,
.grid_solution_list_archive {
	display: flex;
	flex-wrap: wrap;
}

.grid_solution_list_archive {
	gap: 25px;
	justify-content: center;
}

.grid_solution_item,
.grid_solution_item_archive {
	display: flex;
	flex-direction: column;
	width: 25%;
	position: relative;
	padding: 10vw 75px 40px 50px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
}

.grid_solution_item_archive {
	width: calc(50% - 25px);
	min-height: 370px;
}

.grid_solution_item::before,
.grid_solution_item_archive::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: var(--color_red);
	opacity: 0.9;
	top: 0;
	left: 0;
	transition: 0.5s;
}

.grid_solution_item:nth-child(even)::before,
.grid_solution_item_archive:nth-child(2)::before,
.grid_solution_item_archive:nth-child(3)::before {
	background-color: white;
}

.grid_solution_content {
	position: relative;
	color: white;
	transition: 0.5s;
	flex: 1;
}

.grid_solution_title {
	color: white;
	margin-bottom: 20px;
	transition: 0.5s;
}

.grid_solution_item:nth-child(even) .grid_solution_title,
.grid_solution_item_archive:nth-child(2) .grid_solution_title,
.grid_solution_item_archive:nth-child(3) .grid_solution_title {
	color: var(--color_red);
}

.grid_solution_desc {
	color: white;
	transition: 0.5s;
}

.grid_solution_item:nth-child(even) .grid_solution_desc,
.grid_solution_item_archive:nth-child(2) .grid_solution_desc,
.grid_solution_item_archive:nth-child(3) .grid_solution_desc {
	color: var(--color_grey);
}

.grid_solution_list .grid_solution_item .grid_solution_more,
.grid_solution_list_archive .grid_solution_item_archive .grid_solution_more {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 80px 80px;
	border-color: transparent transparent #ffffff66 transparent;
}

.grid_solution_list .grid_solution_item:nth-child(even) .grid_solution_more,
.grid_solution_list_archive .grid_solution_item_archive:nth-child(2) .grid_solution_more,
.grid_solution_list_archive .grid_solution_item_archive:nth-child(3) .grid_solution_more {
	border-color: transparent transparent rgba(64, 64, 64, 0.5) transparent !important;
}

.grid_solution_more::before {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	right: 7px;
	bottom: -63px;
	-webkit-mask: url('/wp-content/uploads/2023/05/dropdown.svg') no-repeat;
	mask: url('/wp-content/uploads/2023/05/dropdown.svg') no-repeat;
	background-color: white;
	transform: rotate(-90deg);
	transition: right 0.4s ease;
}



.grid_solution_item:hover::before,
.grid_solution_item_archive:hover::before {
	transform: translate(0, calc(100% - 180px));
}

.grid_solution_item:hover .grid_solution_content,
.grid_solution_item_archive:hover .grid_solution_content {
	transform: translate(0, calc(100% - 120px));
}

.grid_solution_item:hover .grid_solution_desc,
.grid_solution_item_archive:hover .grid_solution_desc {
	transform: translate(0, 150%);
	opacity: 0;
}

.grid_solution_item:hover .grid_solution_more::before,
.grid_solution_item_archive:hover .grid_solution_more::before {
	right: 3px;
}

@media screen and (max-width: 1500px) {

	.grid_solution_item,
	.grid_solution_item_archive {
		padding: 10vw 75px 40px 35px;
	}


}

@media screen and (max-width: 1300px) {

	.grid_solution_item {
		padding: 10vw 50px 40px 35px;
	}
	.grid_solution_item_archive {
		padding: 20vw 50px 40px 35px;
	}

}

@media screen and (max-width: 991px) and (min-width: 481px) {

	.grid_solution_item_archive{
		width: calc(50% - 13px);
	}

	.grid_solution_item {
		width: 50%;
		min-height: 350px;
	}

	.grid_solution_item:nth-child(3)::before {
		background-color: white;
	}

	.grid_solution_item:nth-child(3) .grid_solution_title {
		color: var(--color_red);
	}

	.grid_solution_item:nth-child(3) .grid_solution_desc {
		color: var(--color_grey);
	}

	.grid_solution_item:nth-child(3) .grid_solution_more {
		border-color: transparent transparent #8e8e8e75 transparent;
	}

	.grid_solution_item:nth-child(4)::before {
		background-color: var(--color_red);
	}

	.grid_solution_item:nth-child(4) .grid_solution_title {
		color: white;
	}

	.grid_solution_item:nth-child(4) .grid_solution_desc {
		color: white;
	}

	.grid_solution_list .grid_solution_item:nth-child(4) .grid_solution_more {
		border-color: transparent transparent #ffffff66 transparent !important;
	}

}

@media screen and (max-width: 767px) {

	.grid_solution_item_archive{
		width: 100%;
	}

	.grid_solution_item_archive:nth-child(3)::before {
		background-color: var(--color_red);
	}

	.grid_solution_item_archive:nth-child(3) .grid_solution_title,
	.grid_solution_item_archive:nth-child(3) .grid_solution_desc {
		color: white;
	}

	.grid_solution_list_archive .grid_solution_item_archive:nth-child(3) .grid_solution_more {
		border-color: transparent transparent #ffffff66 transparent !important;
	}

	.grid_solution_item_archive:nth-child(4)::before {
		background-color: white;
	}

	.grid_solution_item_archive:nth-child(4) .grid_solution_title {
		color: var(--color_red);
	}

	.grid_solution_item_archive:nth-child(4) .grid_solution_desc {
		color: var(--color_grey);
	}

	.grid_solution_list_archive .grid_solution_item_archive:nth-child(4) .grid_solution_more {
		border-color: transparent transparent rgba(64, 64, 64, 0.5) transparent !important;
	}

}

@media screen and (max-width: 480px) {

	.grid_solution_item,
	.grid_solution_item_archive {
		width: 100%;
	}

}