/* Start:/local/templates/main_template/components/bitrix/news.detail/special_projects/style.css?17586286471561*/
div.news-detail
{
	word-wrap: break-word;
}
div.news-detail img.detail_picture
{
	float:left;
	margin:0 8px 6px 1px;
}
.news-date-time
{
	color:#486DAA;
}

.mySwiper {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.mySwiper .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
}

.mySwiper .swiper-slide img {
	width: 100%;
	height: auto;
	object-fit: contain;
	transition: all 0.3s ease;
}

@media (min-width: 768px) {
	.mySwiper .swiper-slide img {
		width: 70%;
	}
}

@media (min-width: 1200px) {
	.mySwiper .swiper-slide img {
		width: 50%;
	}
}
/* Общий стиль стрелок */
.mySwiper .swiper-button-next,
.mySwiper .swiper-button-prev {
	color: #007a65; /* Цвет стрелки */
	font-size: 28px; /* Делаем стрелки крупнее */
	transition: color 0.3s ease;
}

/* При наведении — чуть темнее */
.mySwiper .swiper-button-next:hover,
.mySwiper .swiper-button-prev:hover {
	color: #005d4d; /* более тёмный оттенок зелёного */
}

/* На мобилке оставляем стандартное расположение */
.mySwiper .swiper-button-next {
	right: 10px;
}

.mySwiper .swiper-button-prev {
	left: 10px;
}

/* Только на десктопе смещаем ближе к фото */
@media (min-width: 992px) {
	.mySwiper .swiper-button-next {
		right: 20%; /* примерно 20% от правого края */
	}

	.mySwiper .swiper-button-prev {
		left: 20%; /* примерно 20% от левого края */
	}
}
/* End */
/* /local/templates/main_template/components/bitrix/news.detail/special_projects/style.css?17586286471561 */