/*
Theme Name: DevAlex
Author: Alex Ermakov
Author URI: https://t.me/AlexErmakov
Version: 0.0.1
*/

.footer__bottom__partners_x__section__list {
	display: flex;
	flex-wrap: wrap;
	gap: 2.5rem 2.75rem;
	justify-content: center;
}

.footer__bottom__partners_x__section__item {
	font-size: 0;
	height: 4.5rem;
	max-width: 7.5rem;
}

.footer__bottom__partners_x__section__item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	max-width: 100%;
}

.footer__bottom__partners_x {
	display: flex;
	flex-direction: column;
	gap: 2.75rem;
	width: 100%;
}

.footer__bottom__partners_x__section__title {
	margin-bottom: 1.75rem;
	opacity: 0.5;
}

.footer__bottom__partners_x__section--0
	.footer__bottom__partners_x__section__item {
	width: 6.5rem;
}

.footer__bottom__partners_x__section__item:hover {
	opacity: 0.5;
}
.slider_footer__bottom__partners_x__section--marque--2 {
	display: none;
}
.footer__bottom__partners_x__section__item--big {
	height: 7.5rem;
	margin-top: -0.65rem;
}
/* media */
@media screen and (max-width: 1024px) {
	.footer__bottom__partners_x__section__list {
		justify-content: flex-start;
		gap: 32px 40px;
	}

	.footer__bottom__partners_x__section__item {
		height: 4rem;
		width: 6.5rem;
	}
}
@media screen and (max-width: 600px) {
	.slider_footer__bottom__partners_x__section--marque--2 {
		display: flex;
	}
	.footer__bottom__partners_x__section__item {
		margin: 0 16px;
	}
	.footer__bottom__partners_x__section__item--big{
	margin-left: 0;
	width: 5.75rem;
	height: auto;
}

	.footer__bottom__partners_x__section__marque__list__line {
		display: flex;
		flex-wrap: nowrap;
		margin: 0 -15px;
	}
	@keyframes scroll {
		0% {
			transform: translateX(0);
		}
		100% {
			transform: translateX(-100%);
		}
	}

	.slider_footer__bottom__partners_x__section--marque {
		animation: scroll 37.5s linear infinite;
		display: flex;
		flex-wrap: nowrap;
		gap: 0;
	}

	.footer__bottom__partners_x__section__marque__list {
		display: flex;
		white-space: nowrap;
		gap: 40px;
		width: 100vw;
	}

	.footer__bottom__partners_x__section__marque__list:hover
		.slider_footer__bottom__partners_x__section--marque {
		animation-play-state: paused;
	}
}