.main-clients .clients-items {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 20px;
}
[data-slider="main-clients"] .owl-dots {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}
[data-slider="main-clients"] .owl-dots .owl-dot {
	margin-right: 6px;
	width: 6px;
	height: 6px;
	border-radius: 60px;
	transition: all .3s;
}
[data-slider="main-clients"] .owl-dots .owl-dot:not(.active) {
	background-color: rgba(145, 92, 229, 0.25);
}
[data-slider="main-clients"] .owl-dots .owl-dot.active {
	background-color: rgb(145, 92, 229);
}
.main-clients .clients-item {
	padding: 30px 20px;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.05);
	filter: grayscale(1);
}

.main-clients .clients-item:hover {
	filter: grayscale(0);
	transition: filter .15s;
}

.main-clients .clients-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 70px;
}

.main-clients .clients-wrapper > .clients-text {
	flex: 0 0 calc(30% - 35px);
	max-width: calc(30% - 35px);
}

.main-clients .clients-wrapper > .clients-text .desc {
	color: #B8B8B8;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 180%;
}

.main-clients .button-violet {
	display: block;
	margin-top: 30px;
	padding: 17px 50px;
	width: fit-content;
	border: 1px solid #915CE5;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

@media (max-width: 1024px) {
	.main-clients .clients-wrapper {
		flex-direction: column-reverse;
	}

	.main-clients .clients-wrapper > .clients-items,
	.main-clients .clients-wrapper > .clients-text {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.main-clients .clients-item {
		flex: 0 0 calc(25% - 16px);
		max-width: calc(25% - 16px);
	}
}

@media (min-width: 1025px) {
	.main-clients .clients-wrapper > .clients-items {
		flex: 0 0 calc(70% - 35px);
		max-width: calc(70% - 35px);
	}

	.main-clients .clients-item {
		flex: 0 0 calc(25% - 15px);
		max-width: calc(25% - 15px);
	}
}

@media (max-width: 768px) {
	.main-clients .clients-item {
		flex: none;
		max-width: 100%;
	}
}