.research{
	position: relative;
	display: block;
	font-size: 0;
}
.research__item{
	font-size: 14px;
	position: relative;
	display: inline-block;
	width: 25%;
	min-width: 280px;
	max-width: 300px;
	cursor: pointer;
	padding: 0 20px;
	vertical-align: top;
}
.research__image-cover{
	display: block;
	width: 100%;
	position: relative;
	margin-bottom: 10px;
	/* Фиксированная высота для всех контейнеров с изображением */
	height: 150px; /* Подберите нужную высоту */
	overflow: hidden; /* Скрываем части изображения, выходящие за пределы */
}
.research__image{
	width: 100%;
	height: 100%; /* Растягиваем на всю высоту контейнера */
	object-fit: cover; /* Изображение покрывает всю область, обрезаясь при необходимости */
	/* Альтернатива: object-fit: contain; - изображение целиком помещается в контейнер */
}
.research__title{
	font-weight: 600;
	display: block;
	/* Добавляем фиксированную высоту для заголовка, если они могут быть разной длины */
	height: 40px; /* Подберите нужную высоту */
	overflow: hidden; /* Скрываем текст, выходящий за пределы */
	/* Или используем многоточие для слишком длинных заголовков */
	/* display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden; */
}
.research__link{
	display: block;
	text-decoration: none;
	font-size: 14px;
	line-height: 20px;
	color: #393939
}

.owl-carousel .research__item{
	width: 100%;
	padding: 0px;
}

@media screen and (max-width: 1023px) {
	.research__item{
		width:100%;
		padding: 0px;
	}

	.research__image-cover{
		padding: 10px 0px;
		/* На мобильных устройствах тоже сохраняем фиксированную высоту */
		height: 150px;
	}
}

@media screen and (max-width: 767px) {
	/* Можно уменьшить высоту изображения на мобильных устройствах при необходимости */
	.research__image-cover {
		height: 180px;
	}
}