div.news-list {
	word-wrap: break-word;
}

div.news-list img.preview_picture {
	float: left;
	margin: 0 4px 6px 0;
}

.news-date-time {
	color: #486DAA;
}

/* SVG Фон растягивается на весь контейнер */
.card-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	/* Тень для объема, если нужно */
	filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.1));
}

.why-us-slider {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 94px;
}

/* Контейнер для текстов */
.card-content {
	position: absolute;
	top: 60px;
	/* Отступ от верха, чтобы не залезть на выступ */
	left: 0;
	width: 100%;
	height: calc(100% - 60px);
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 30px;
	box-sizing: border-box;
	text-align: center;
	color: white;
}

/* Общие стили для обоих слоев текста */
.text-front,
.text-back {
	position: absolute;
	width: 100%;
	padding: 0 30px;
	box-sizing: border-box;
	transition: opacity 0.4s ease, transform 0.4s ease;
}

/* Стилизация переднего текста */
.text-front h2 {
	margin: 0 0 5px 0;
	font-size: 40px;
	font-weight: 500;
}

.text-front p {
	margin: 0;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* Стилизация заднего текста */
.text-back {

	opacity: 0;
	/* Скрыт по умолчанию */
	transform: translateY(10px);
	/* Немного опущен для красивого появления */
}

.text-back p {
	margin: 0;
	font-size: 25px;
	line-height: 1.5;
	font-weight: 400;
}

.card-icon {
	position: absolute;
	top: 25px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
}

/* Контейнер карточки */
.info-card {
	position: relative;
	width: 447px;
	height: 309px;
	cursor: pointer;
	/* Убираем выделение текста при клике */
	user-select: none;
	/* margin: 0 auto; */
}

/* Прячем передний текст при наведении */
.info-card:hover .text-front,
.info-card.active .text-front {
	opacity: 0;
	transform: translateY(-10px);
}

.info-card:hover .text-front {
	opacity: 0;
	transform: translateY(-10px);
}

/* Показываем задний текст при наведении */
.info-card:hover .text-back,
.info-card.active .text-back {
	opacity: 1;
	transform: translateY(0);
}

.info-card:hover .card-icon svg {
	animation: rotate-animation 2s linear infinite;
}

.info-card .card-icon svg {
	width: 80px;
	height: 79px;
}

@keyframes rotate-animation {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}


@media (max-width: 1400px) {

	/* Контейнер карточки */
	.info-card {

		width: 346px;
		height: 231px;

	}

	.text-back p {
		font-size: 17px;
		line-height: 20px;
		font-weight: 400;
	}

	.text-front h2 {
		margin: 0;
		font-size: 25px;
		line-height: 35px;
		font-weight: 600;
	}

	.info-card .card-icon svg {
		width: 62px;
		height: 60px;
	}

	.why-us-slider {
		gap: 20px;
	}


}



/* Базовые исправления для Slick */
@media (max-width: 767.98px) {

	.info-card:hover .text-front {
		opacity: 1;
		transform: translateY(-10px);
	}

	/* Показываем задний текст при наведении */
		.info-card:hover .text-back,
		.info-card.active .text-back {
			opacity: 0;
		}



	.slider-mobile-overflow {
		overflow: hidden;
		/* Чтобы не было горизонтального скролла у всей страницы */
		padding: 0;
		margin: 0 !important;
	}
    .text-back p {
        font-size: 10px;
        line-height: normal;
        font-weight: 400;
    }


	.why-us-flx .why-us-slider {
		display: block;
		/* Отключаем flex, когда работает slick */
		margin: 0 -10px;
	}

	.slider-item {
		outline: none;
		display: flex !important;
		justify-content: center;
		align-items: center;
		height: 200px;
		/* Высота контейнера слайда чуть больше активной карточки */
		transition: all 0.3s ease;
	}

	/* Карточка в обычном состоянии (боковая) */
	.slider-item .info-card {
		width: 136px !important;
		height: 90px !important;
		transition: all 0.3s ease;
		opacity: 0.6;
		/* Затенение боковых как на фото */
	}

	/* Скрываем текст в маленьких боковых карточках, чтобы не каша */
	.slider-item .text-front h2,
	.slider-item .text-front p,
	.slider-item .card-icon {
		transition: opacity 0.3s;
		opacity: 0;
	}

	/* АКТИВНАЯ КАРТОЧКА (Центр) */
	.slider-item.slick-center .info-card {
		width: 238px !important;
		height: 157px !important;
		opacity: 1;
		z-index: 10;
	}

	/* Показываем контент только в центральной карточке */
	.slider-item.slick-center .text-front h2,
	.slider-item.slick-center .card-icon {
		opacity: 1;
	}

	/* Корректировка размеров шрифта для мобильной центральной карточки */
	.slider-item.slick-center .text-front h2 {
		color: #FFF;
		text-align: center;
		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		line-height: 25px;
	}

	.slider-item.slick-center .text-front p {
		font-size: 10px;
	}

	.slider-item.slick-center .card-icon {
		top: 15px;
	}

	.slider-item.slick-center .card-icon svg {
		width: 40px;
		height: 40px;
	}

	.slider-item.slick-center .card-content {
		top: 40px;
		height: calc(100% - 40px);
		padding: 0 15px;
	}


}