
.news-sec {
	padding-top: 40px;
	padding-bottom: 40px;
}

@media screen and (max-width: 575.98px) {
	.news-sec {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

.news-sec__heading {
	margin-bottom: 46px;
}

@media screen and (max-width: 575.98px) {
	.news-sec__heading {
		margin-bottom: 24px;
	}
}

.news-sec__heading h2 {
	color: #313131;
}

@media screen and (max-width: 575.98px) {
	.news-sec__heading h2 {
		text-transform: capitalize;
	}
}

.news-sec__block .tags {
	font-weight: 400;
	font-size: 15px;
	line-height: 176%;
	color: #5e5e5e;
	margin-bottom: 25px;
}

.news-sec__block h3 {
	margin-bottom: 28px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #313131;
	max-height: 101px;
	font-weight: 400;
}

@media screen and (max-width: 991.98px) {
	.news-sec__block h3 {
		font-size: 20px;
		margin-bottom: 25px;
		max-height: 78px;
	}
}

@media screen and (max-width: 575.98px) {
	.news-sec__block h3 {
		font-size: 17px;
		line-height: 176%;
		font-weight: 400;
		margin-bottom: 21px;
		max-height: 89px;
	}
}

.news-sec__image {
	height: 300px;
	margin-bottom: 25px;
}

@media screen and (max-width: 1252px) {
	.news-sec__image {
		height: 280px;
	}
}

.news-sec__more {
	font-weight: 500;
	font-size: 13px;
	line-height: 13px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #30466d;
	display: flex;
	align-items: center;
}

.news-sec__more:hover .icon img {
	transform: rotate(45deg);
}

.news-sec__more .icon {
	width: 39px;
	height: 39px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #30466d;
	margin-left: 20px;
}

.news-sec__more .icon img {
	transition: .3s linear;
}

.news-sec__swiper-pagination {
	display: none;
}

@media screen and (max-width: 991.98px) {
	.news-sec__swiper-pagination {
		margin-top: 20px;
		display: flex;
	}
}

.news-sec__swiper-prev, .news-sec__swiper-next {
	position: absolute;
	top: 120px;
	display: none;
}

@media screen and (max-width: 991.98px) {
	.news-sec__swiper-prev, .news-sec__swiper-next {
		display: flex;
	}
}

.news-sec__swiper-prev {
	left: 0;
}

.news-sec__swiper-next {
	right: 0;
}
