/* CSS Document */
@import url('https://datacenter-a1.vudoo.org/default/scripts/swiper-bundle.min.css');
.swiper-carousel {
	/* max-width: min(90%, 1440px);*/
	margin: auto;
	padding: 0;
}
.swiper {
	padding: 0 10%;
}

.swiper-slide {
	width: 30%;
	height: 640px;
	/* overflow: hidden; */
	transition: transform 1s ease-out, opacity 0.5s;
	/* transform: scale(0.85) rotate(var(--random-rotation, 0deg)) !important; */
}

.swiper-slide img {
	width: 100%;
	/* height: 100%; */
	object-fit: contain;
	cursor: pointer;
}

.swiper-images .swiper-slide .swiper-slide-active img {
    box-shadow: 0px 24px 32px #00000020;
}

/*
@media (min-width:991px) {
	.swiper-slide.swiper-slide-next {
		transform: scale(0.85) rotate(var(--random-rotation, 0deg)) !important;
	}

	.swiper-slide.swiper-slide-prev {
		transform: scale(0.85) rotate(var(--random-rotation, 0deg)) !important;
	}
}
*/

@media (max-width:991px) {
		.swiper-slide {
		width: 90%;
		height: unset;
	}
	.swiper-button-next, .swiper-button-prev {
    display: none;
	}
}

.swiper-slide.swiper-slide-active {
	transform: scale(1.2) rotate(var(--random-rotation, 0deg)) !important;
	opacity: 1;
	z-index: 2;
}
/* Optional: style navigation */
.swiper-button-next, .swiper-button-prev {
	color: #fff;
}
.swiper-pagination {
	display: flex;
	justify-content: center;
	margin-top: 2rem;
	gap: 10px;
	position: static;
}
.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: rgba(0, 0, 0, 1.0);
	border-radius: 50%;
	transition: all 0.3s ease;
}
.swiper-pagination-bullet-active {
	width: 30px;
	height: 10px;
	background: #000000;
	border-radius: 5px;
	opacity: 1;
}
.swiper-button-next,
.swiper-button-prev {
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 80px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  filter: brightness(0) saturate(100%) invert(65%) sepia(65%) saturate(475%) hue-rotate(4deg) brightness(84%) contrast(90%);
}

.swiper-button-next {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2280%22%20viewBox%3D%220%200%2040%2080%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M40%2040L0%2080V0L40%2040Z%22%20fill%3D%22%23e6dc96%22%2F%3E%3C%2Fsvg%3E");
  right: 1rem;
  left: auto;
}

.swiper-button-prev {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2280%22%20viewBox%3D%220%200%2040%2080%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M40%2080L0%2040L40%200V80Z%22%20fill%3D%22%23e6dc96%22%2F%3E%3C%2Fsvg%3E");
  left: 1rem;
  right: auto;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}

.swiper-pagination {
    gap: 0;
}

.swiper-pagination-bullet {
    border-radius: 0 !important;
    height: 6px !important;
    width: 6px;
}


.swiper-pagination-bullet-active {
    width: 30px !important;
}


/* Testimonial */

.swiper-content .testimonial {
    background: var(--fb-offwhite);
    padding: 3rem 4rem 2rem 4rem;
	border-radius: 2rem;
	opacity: .5;
	transition: opacity .3s ease;
}

span.swiper-pagination-bullet {
    background: var(--fb-brand);
}

.swiper .swiper-slide-active .testimonial {
	 box-shadow: 0px 24px 32px #F2EADE;
}

.swiper-content .swiper-slide-active .testimonial {
	opacity: 1.0;
}

@media (min-width:991px) {
	.swiper-content .swiper-slide {
    	width: 60%;
	}
}

@media (max-width:991px) {
	.swiper-content .testimonial {
    	padding: 2rem 1rem;
	}
}

.swiper-content img.quote-left, .swiper-content img.quote-right {
	width: 7rem;
    height: auto;
    z-index: 1;
	opacity: .5;
}
.swiper-content img.quote-left {
    left: 2rem;
    top: 2rem;
}

.swiper-content img.quote-right {
    right: 2rem;
    bottom: 2rem;
}

.swiper-content .swiper-slide h5 {
    position: relative;
    z-index: 3;
}

