.rdbs-brand-slider {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.rdbs-swiper {
	width: 100%;
	padding-bottom: 35px;
}

.rdbs-swiper .swiper-wrapper {
	align-items: stretch;
}

.rdbs-swiper .swiper-slide {
	height: auto;
}

.rdbs-brand-item {
	position: relative;
	width: 100%;
	height: 100%;

	display: flex;
	align-items: center;
	justify-content: center;

	padding: 20px 30px;

	box-sizing: border-box;
}

.rdbs-brand-item::after {
	content: "";
	position: absolute;

	top: 15%;
	right: 0;

	width: var(--rdbs-divider-width, 1px);
	height: 70%;

	background: var(
		--rdbs-divider-color,
		#e5e5e5
	);

	opacity: 1;
}
.rdbs-brand-slider
.swiper-slide:last-child
.rdbs-brand-item::after {
	display: none;
}

.rdbs-brand-link {
	width: 100%;
	height: 100%;

	display: flex;
	align-items: center;
	justify-content: center;

	text-decoration: none;
}

.rdbs-brand-logo {
	display: block;

	width: auto;

	height: var(
		--rdbs-logo-height,
		60px
	);

	max-width: 100%;

	object-fit: contain;

	margin: 0 auto;

	transition:
		opacity 0.3s ease,
		filter 0.3s ease,
		transform 0.3s ease;
}

.rdbs-brand-slider[data-grayscale="true"]
.rdbs-brand-logo {
	filter: grayscale(100%);
	opacity: 0.65;
}

.rdbs-brand-slider[data-hover-effect="true"]
.rdbs-brand-item:hover
.rdbs-brand-logo {
	transform: scale(1.05);
	opacity: 1;
}

.rdbs-brand-slider[data-hover-effect="true"]
.rdbs-brand-item:hover
.rdbs-brand-logo {
	filter: grayscale(0%);
}

.rdbs-brand-slider[data-divider="false"]
.rdbs-brand-item::after {
	display: none;
}

/**
 * Pagination
 */
.rdbs-swiper .swiper-pagination {
	bottom: 0;
}

.rdbs-swiper
.swiper-pagination-bullet {
	width: 7px;
	height: 7px;

	opacity: 0.35;

	transition:
		width 0.3s ease,
		opacity 0.3s ease;
}

.rdbs-swiper
.swiper-pagination-bullet-active {
	width: 22px;
	border-radius: 10px;
	opacity: 1;
}

/**
 * Grayscale mode
 */
.rdbs-brand-slider[data-grayscale="true"]
.rdbs-brand-logo {
	filter: grayscale(100%);
	opacity: 0.65;
}


/**
 * Hover
 */
.rdbs-brand-slider[data-grayscale="true"]
.rdbs-brand-item:hover
.rdbs-brand-logo {
	filter: grayscale(0%);
	opacity: 1;
	transform: scale(1.04);
}


/**
 * Tablet
 */
@media (max-width: 767px) {

	.rdbs-brand-item {
		min-height: 85px;
		padding: 15px 20px;
	}

	.rdbs-brand-logo {
		max-height: 50px;
	}

}


/**
 * Mobile
 */
@media (max-width: 479px) {

	.rdbs-brand-item {
		min-height: 75px;
		padding: 12px 15px;
	}

	.rdbs-brand-logo {
		max-height: 45px;
	}

}