.clients { 
	padding: 8rem 14rem;
	padding-top: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5rem;
}

.clients .clients-title {
	font-size: 4.2rem;
	font-weight: 700;
}

.clients .clients-items {
	width: 100%;
}

.clients-items .item-lists {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	position: relative;
	height: 42.8rem;
}

.clients-items .item-lists .item-lists-wrapper:nth-child(1) {
	position: absolute;
	transform: translateX(0%);
	transition: all 2s ease;
}

.clients-items .item-lists .item-lists-wrapper:nth-child(2) {
	position: absolute;
	transform: translateX(0%);
	bottom: 0;
	right: 0;
	transition: all 2s ease;
}

.clients-items .item-lists .item-lists-wrapper--active:nth-child(1) {
	position: absolute;
	transform: translateX(calc(100vw - 122rem));
	transition: all 2s ease;
}

.clients-items .item-lists .item-lists-wrapper--active:nth-child(2) {
	position: absolute;
	bottom: 0;
	transform: translateX(calc(-100vw + 122rem));
	transition: all 2s ease;
}

.clients-items .item-lists .item-lists-container {
	display: flex;
	width: 100%;
	gap: 2rem;
	border: 1px solid transparent;
	transition: all 2s ease;
}

.item-lists-container .list {
	border: 1px solid transparent;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2rem;
	flex: 1;
	max-width: 17rem;
	min-width: 17rem;
}

.item-lists-container .list img {
	width: 100%;
	max-width: 12rem;
} 

.item-lists-container .list div {
	display: flex;
	flex-direction: column;
	text-align: center;
	border: 1px solid transparent;
} 

.item-lists-container .list div p:nth-child(1) {
	font-weight: 700;
} 

.item-lists-container .list div p:nth-child(2) {
	font-style: italic;
	font-size: 1.4rem;
}

/* Responsive */
@media only screen and (max-width: 1024px) {
	.clients { 
		padding: 8rem;
	}

	.clients-items .item-lists {
		position: initial;
		height: auto;
		gap: 2rem;
	}
	
	.clients-items .item-lists .item-lists-wrapper:nth-child(1) {
		position: initial;
		transform: unset;
	}
	
	.clients-items .item-lists .item-lists-wrapper:nth-child(2) {
		position: initial;
		transform: unset;
	}

	.clients-items .item-lists .item-lists-container:nth-child(1) {
		justify-content: center;
		transform: unset;
	}
	
	.clients-items .item-lists .item-lists-container:nth-child(2) {
		justify-content: center;
		transform: unset;
	}

	.clients-items .item-lists .item-lists-container {
		flex-wrap: wrap;
	}
	
	.item-lists-container .list {
		min-width: 16.5rem;
	}
}

@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 540px) {
	.clients { 
		padding: 8rem 2rem;
	}

	.clients .clients-title {
		font-size: 4rem;
		line-height: 4.3rem;
	}
}

@media only screen and (max-width: 425px) {

}

@media only screen and (max-width: 320px) {

}

@media only screen and (max-width: 280px) {

}