.directions-container {
	margin-top: 118px;
}

.directions-item {
	width: 100%;
	height: 100%;

	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 48.07%, #FFFFFF 95.06%);
	border-radius: 10px;

	position: relative;
	overflow: hidden;
}

.directions-item-wrapper-text {
	background: rgba(121, 109, 87, 0.81);
	border-radius: 10px;
	display: block;
	text-decoration: none;
	position: absolute;
	left: 22px;
	right: 22px;
	bottom: 36px;
	padding: 14px 80px 14px 25px;

	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 105.6%;

	color: #fff;
}

.directions-item-wrapper-text:hover {
	color: #fff;
}
.directions-item-image {
	height: 100%;
}
.directions-item-image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.directions-item-wrapper-text:after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);

	right: 12px;
	width: 30px;
	height: 30px;
	background: url(./images/directions-arrow.svg) no-repeat;
}

@media (max-width: 760px) {
	.directions-item-image img {
		height: 337px;
	}
}