.customers {
	padding:70px 0;
	position: relative;
}
.customers .container {
	position: relative;
	z-index: 11;
}
.customers-bg {
	position: absolute;
	top:50%;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 10;
}
.customers-grid {
	display: flex;
	margin:0 -4px;
	flex-wrap: wrap;
}
.customer-logo {
	border-radius: 10px;
	padding: 1rem 1rem;
	margin:4px;
	background: #fff;
	flex:0 0 calc(100% / 2 - 8px);
	display: flex;
	align-items: center;
	justify-content: center;
	height:108px;
	overflow: hidden;
	border:1px solid var(--color-gray-200);
}

.customer-logo img {
	max-height: 96px;
	max-width: 100%;
	width: 100%;
}
.own-carousel__outer {
    position: relative;
    overflow: hidden;
    user-select: none;
}

.own-carousel{
    display: flex;
}

.own-carousel__item {
    flex-shrink: 0;
    overflow: hidden;
    flex-basis: var(--width);
}

.own-carousel__item:not(:first-child) {
    margin-left: var(--margin);
}

@media (min-width: 420px) {
	.customer-logo {
		flex:0 0 calc(100% / 2 - 8px);
	}
}
@media (min-width: 768px) {
	.customer-logo {
		padding: 1rem 2rem;
		flex:0 0 calc(100% / 3 - 8px);
		height:128px;
	}
}

@media (max-width: 992px) {
	.customers {
		overflow: hidden;
	}
}
@media (min-width: 992px) {
	.customers {
		margin-bottom: 120px;
	}
	.customer-logo {
		flex:0 0 calc(100% / 4 - 8px);
	}
}
@media (min-width: 1200px) {
	.customer-logo {
		flex:0 0 calc(100% / 5 - 8px);
	}
}
@media (min-width: 2400px) {
	.customers-bg {
		width: 100%;
	}
}