.wb-image-gallery {
	--f-carousel-gap: 1.25rem;
	--f-carousel-slide-width: var(--wb-gallery-slide-width, calc((100% - 2.5rem) / 3));
	--f-arrow-width: 2.25rem;
	--f-arrow-height: 2.25rem;
	--f-arrow-svg-width: 1.125rem;
	--f-arrow-svg-height: 1.125rem;
	--f-arrow-svg-stroke-width: 2.25;
	--f-arrow-pos: 0.75rem;
	--f-arrow-bg: rgba(255, 255, 255, 0.82);
	--f-arrow-hover-bg: var(--green-light);
	--f-arrow-color: var(--black);
	--f-arrow-hover-color: var(--black);
	--f-arrow-border-radius: 0;
	--f-arrow-shadow: 0 0.25rem 0.875rem rgba(0, 0, 0, 0.22);
	
	padding: 0;
}

.wb-image-gallery .f-carousel__viewport {
	overflow: hidden;
}

.wb-image-gallery .f-carousel__dots {
	bottom: -1.875rem;
	color: var(--green2);
}

.wb-image-gallery .f-carousel__dot {
	background-color: var(--green2);
}

.wb-image-gallery .f-button {
	border: 0;
	transition: all 0.3s ease;
}

.wb-image-gallery .f-button:hover {
	color: var(--black);
	background-color: var(--green-light);
	box-shadow: 0 0.25rem 0.875rem rgba(0, 0, 0, 0.3);
}

.wb-image-gallery.is-horizontal.is-ltr .f-button.is-arrow.is-prev {
	left: 0.75rem;
}

.wb-image-gallery.is-horizontal.is-ltr .f-button.is-arrow.is-next {
	right: 0.75rem;
}

.wb-image-gallery .f-caption {
	display: none !important;
}

.wb-image-gallery-slide {
	display: block;
	color: inherit;
	text-decoration: none;
	border: solid 0.0625rem var(--green-light);
	background-color: var(--white);
	transition: none !important;
}

.wb-image-gallery .f-carousel__slide {
	transition: none !important;
}

.wb-image-gallery-image {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	background: var(--white2);
	border-radius: 0;
}

@media (max-width: 991px) {
	.wb-image-gallery {
		--f-carousel-slide-width: var(--wb-gallery-tablet-slide-width, calc((100% - 1.25rem) / 2));
	}
}

@media (max-width: 575px) {
	.wb-image-gallery {
		--f-carousel-slide-width: var(--wb-gallery-mobile-slide-width, 100%);
	}
}
