.head-left {
	display: flex;
}

.filter-head {
	display: flex;
	justify-content: space-between;
}

.filter-wrapp {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 50px 30px;
}

.itemActus {
	color: #0C0C0C;
}

.itemActus:hover .itemActus__img::before {
	left: 0;
}

.itemActus:hover .i-title-txt {
	color: #F29508;
}

.itemActus .text-hover {
	position: absolute;
	color: #FFF;
	top: 50%;
	left: 50%;
	opacity: 0;
	transform: translate(-50%, 150%);
	transition: all ease-in-out .4s;
}

.itemActus:hover .text-hover {
	opacity: 1;
	transform: translate(-50%, -50%);
}

.itemActus__img {
	position: relative;
	overflow: hidden;
	height: 240px;
	width: 100%;
}

.itemActus__img:before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	display: flex;
	width: 100%;
	height: 100%;
	background: #F29508;
	opacity: 0.4;
	transition: all ease-in-out .4s;
}

.itemActus__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.itemActusBody {
	margin-top: 24px;
}

.i-date {
	font-size: 14px;
	font-weight: 600;
	color: #F29508;
	margin-bottom: 12px;
}

.filter-actus {
	font-family: 'Open Sans';
}

.i-title-txt {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.35;
}

.i-title {
	display: grid;
	column-gap: 10px;
	grid-template-columns: 1fr 25px;
	margin-bottom: 15px;
}

.resultat-actus {
	border-bottom: 1px solid #999;
	padding-top: 10px;
	height: 42px;
}

.head-left {
	display: flex;
	column-gap: 30px;
}

.head-left .item-select .select-custom {
	width: 180px;
}

.item-select .select-custom {
	color: #999;
}

.nice-select {
	border: none;
	border-bottom: 1px solid #999;
	border-radius: 0;
}

.filter-head {
	margin-bottom: 25px;
}

.nice-select:after {
	height: 8px;
	width: 8px;
}

.nice-select .list {
	width: 100%;
}

.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
	font-weight: normal;
	background-color: #FEF4E6;
}

/*.nice-select .option.selected.focus {
	color: #fff;
	background-color: #F29508;
}*/

.cnt-button {
	text-align: center;
	margin-top: 45px;
}

.bttn {
	display: inline-flex;
	padding: 14px 32px;
	font-family: "Open Sans";
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.bttn.bttn-transparent {
	border: 1px solid #F29508;
	color: #F29508;
}

.bttn.bttn-transparent:hover {
	background-color: #F29508;
	color: #FFF;
}

@media (min-width: 993px) {

	.head-left .item-select:first-child .select-custom {
		width: 250px;
	}

}

@media (max-width: 1024px) {

	.filter-wrapp {
		grid-template-columns: 1fr !important;
	}

}

@media (max-width: 992px) {

	.head-left {
		flex-direction: column;
	}

	.filter-head {
		flex-direction: column;
	}

	.head-left .item-select .select-custom {
		width: 100%;
	}

	.resultat-actus {
		padding: 10px 0 0 18px;
	}

}

@media (max-width: 635px) {

	.filter-wrapp {
		grid-template-columns: 1fr !important;
		gap: 30px;
	}

}

/* Actu Listing */

.list_actu_container {

	display: flex;
	flex-direction: column;
	gap: 16px;


	.list_actu_wrapper {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 24px;
		margin-bottom: 32px;
	}


	.push-actu__left {
		display: flex;
		flex-direction: column;
		border-radius: 16px;
		height: 332px;
		overflow: hidden;



		/* IMAGE */
		.push-actu__image {
			width: 100%;
			height: 137px;
		}

		.push-actu__content {
			padding: 24px;
			padding-right: 19px;
			background-color: #F6F8FF;
			transition: all 0.3s linear;
			position: relative;
			height: 100%;

			&::before {
				content: "";
				position: absolute;
				top: -8px;
				left: 0;
				width: 100%;
				height: 8px;
				background-image: linear-gradient(90deg, #4CD7DB 0%, #0526B1 50%, #000142 100%);
				transition: all 0.3s linear;
				opacity: 0;
			}
		}

		/* META (date + views) */
		.push-actu__meta {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 8px;
			line-height: 130%;
		}

		.push-actu__date {
			font-weight: 500;
			font-size: 14px;
			color: #5C54FF;
		}



		.push-actu__views {
			display: flex;
			align-items: center;
			gap: 4px;
			font-size: 12px;
			color: #B1B1B1;
		}

		/* TEXT */
		.push-actu__title {
			font-weight: 500;
			font-size: 16px;
			line-height: 120%;
			color: #110055;
			margin-bottom: 4px;

			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			overflow: hidden;
		}

		.push-actu__description {
			font-size: 14px;
			line-height: 140%;
			color: #313131;


			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			overflow: hidden;
		}

		&:hover {
			.push-actu__content {
				background-color: #110055;

				&::before {
					opacity: 1;
				}
			}

			.push-actu__date,
			.push-actu__views,
			.push-actu__title,
			.push-actu__description {
				color: #FFFFFF;
			}
		}

	}

	.push-actu__image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}


	.show_more_button {
		display: flex;
		justify-content: center;
		align-items: center;

		.btn-grey-light {
			font-size: 14px;
			color: #FFFFFF;
			border: none;
			margin: 10px auto;
			width: fit-content;
			padding: 15px 46px;
			background-color: #110055;
			border-radius: 10px;
			text-align: center;

			&:hover {
				background-color: #4DD9DB;
				color: #110055;

			}
		}

	}
}


/* Media Query */

@media (max-width: 767px) {
	.list_actu_container {

		.list_actu_wrapper {
			display: grid;
			grid-template-columns: repeat(1, 1fr);
			margin-bottom: 26px;
		}

		.push-actu__left {

			/* IMAGE */
			.push-actu__image {
				height: 184.78px;
			}
		}


		.show_more_button .btn-grey-light {
			width: 90%;
			text-align: center;
		}
	}
}

.search-result-filter {
	display: flex;
	gap: 16px;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;


	.left,
	.right {
		display: inline-flex;
		align-items: center;

		font-family: "Exo", sans-serif;
		font-size: 16px;
	}

	.left {

		.label {
			color: #B8B8B8;
		}

		.count {
			color: #5C54FF;
			font-weight: 700;
		}
	}


	.right {
		gap: 10px;
		justify-content: flex-end;

		label {
			color: #B8B8B8;
		}

		.nice-select {
			border-color: #D1D1D1;
			border-radius: 8px;
			padding-top: 4px;
			padding-bottom: 4px;
			display: inline-flex;
			justify-content: center;
			align-items: center;

			.current {
				font-size: 14px;
				color: #110055;
				line-height: 1;
			}

			.list {
				margin-top: 16px;
			}
		}
	}
}

.btn-grey-light{
	font-size: 14px;
	color: #FFFFFF;
	border: none;
	margin: 10px auto;
	width: fit-content;
	padding: 15px 46px;
	background-color: #110055;
	border-radius: 10px;
	text-align: center !important;
}