/* Layout */
.cb-partner-slider {
	background-image: url(/wp-content/uploads/2022/07/background-blue2.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 4rem 0 7rem 0;
	text-align: center;
}

.cb-partner-slider h2 {
	font-family: "Neo Sans Std";
	color: white;
	font-size: 2.25rem;
}

.cb-partner-slider svg g {
	stroke: var(--line-color);
}

.cb-partner-slider .swiper-wrapper {
	align-items: center;
	padding: 1em 0;
	margin-top: 3rem;
	position: relative;
}

.cb-partner-slider .swiper-wrapper .swiper-slide {
	height: 150px;
	border-radius: 15px;
	box-shadow: 0 2px 7px 0 rgba(115, 115, 115, 0.5);
	background-color: white;
	padding: 1em;
}

.cb-partner-slider .swiper-wrapper .swiper-slide img {
	object-fit: contain;
	width: 100%;
	height: 118px;
}

.cb-partner-slider .swiper-button-prev {
	top: 6rem;
	left: 80%;
	width: 50px;
	height: 50px;
}

.cb-partner-slider .swiper-button-prev:after {
	content: "";
	background-image: url(/wp-content/themes/twentytwentyone-child/assets/icons/arrow-slider-left.png);
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
}

.cb-partner-slider .swiper-button-next {
	top: 6rem;
	right: 13%;
	width: 50px;
	height: 50px;
}

.cb-partner-slider .swiper-button-next:after {
	content: "";
	background-image: url(/wp-content/themes/twentytwentyone-child/assets/icons/arrow-slider-right.png);
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
}


.cb-partner-slider .swiper-pagination {
	display: none;
}

@media only screen and (max-width: 1024px) {
	.cb-partner-slider .swiper-button-prev {
		left: 73%;
	}
}

/* MOBILE */
@media only screen and (max-width: 768px) {
	.cb-partner-slider h2 {
		font-size: 1.375rem;
	}
	.cb-partner-slider .swiper-button-next,
	.cb-partner-slider .swiper-button-prev {
		display: none;
	}
	.cb-partner-slider .swiper-pagination {
		display: block;
		bottom: 0;
		text-align: left;
		left: 1em;
	} 
	.cb-partner-slider .swiper-pagination .swiper-pagination-bullet {
		width: 20px;
		opacity: 1;
		background-color: white;
		border-radius: 15px;
		transition: width ease 0.5s;
	}
	.cb-partner-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
		width: 38px;
		background-color: var(--green);
	}
	
	.cb-partner-slider .swiper-wrapper {
		padding-bottom: 4rem;
	}
	.cb-partner-slider {
		padding-bottom: 3rem;
		background-position: 85% 100%;
	}
}