/* End custom CSS */

.elementor-4282 .elementor-element.elementor-element-24ae0b03 {
	--display: flex;
	--flex-direction: row;
	--container-widget-width: initial;
	--container-widget-height: 100%;
	--container-widget-flex-grow: 1;
	--container-widget-align-self: stretch;
	--flex-wrap-mobile: wrap;
	--justify-content: center;
	--gap: 0px 150px;
	--row-gap: 0px;
	--column-gap: 150px;
	--padding-top: 50px;
	--padding-bottom: 50px;
	--padding-left: 0px;
	--padding-right: 0px;
}

.elementor-4282 .elementor-element.elementor-element-24ae0b03:not(.elementor-motion-effects-element-type-background), .elementor-4282 .elementor-element.elementor-element-24ae0b03 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: var(--e-global-color-09dbb19);
}

.elementor-4282 .elementor-element.elementor-element-3fb413a {
	width: var(--container-widget-width, 25%);
	max-width: 25%;
	--container-widget-width: 25%;
	--container-widget-flex-grow: 0;
	text-align: center;
}

.elementor-4282 .elementor-element.elementor-element-3fb413a img {
	width: 100%;
}

.elementor-4282 .elementor-element.elementor-element-12f5125 {
	width: var(--container-widget-width, 25%);
	max-width: 25%;
	--container-widget-width: 25%;
	--container-widget-flex-grow: 0;
	text-align: center;
}

.elementor-4282 .elementor-element.elementor-element-12f5125 img {
	width: 95%;
}

@media (max-width:1024px) {
	.elementor-4282 .elementor-element.elementor-element-24ae0b03 {
		--gap: 50px 50px;
		--row-gap: 50px;
		--column-gap: 50px;
		--padding-top: 20px;
		--padding-bottom: 20px;
		--padding-left: 20px;
		--padding-right: 20px;
	}
}

@media (min-width:768px) {
	.elementor-4282 .elementor-element.elementor-element-24ae0b03 {
		--content-width: 1450px;
	}
}

@media (max-width:1024px) and (min-width:768px) {
	.elementor-4282 .elementor-element.elementor-element-24ae0b03 {
		--content-width: 100%;
	}
}

@media (max-width:767px) {
	.elementor-4282 .elementor-element.elementor-element-24ae0b03 {
		--flex-direction: column;
		--container-widget-width: calc(( 1 - var(--container-widget-flex-grow) ) * 100%);
		--container-widget-height: initial;
		--container-widget-flex-grow: 0;
		--container-widget-align-self: initial;
		--flex-wrap-mobile: wrap;
		--align-items: center;
		--gap: 10px 10px;
		--row-gap: 10px;
		--column-gap: 10px;
		--padding-top: 10px;
		--padding-bottom: 10px;
		--padding-left: 10px;
		--padding-right: 10px;
	}
	
	.elementor-4282 .elementor-element.elementor-element-3fb413a {
		--container-widget-width: 100%;
		--container-widget-flex-grow: 0;
		width: var(--container-widget-width, 100%);
		max-width: 100%;
	}
	
	.elementor-4282 .elementor-element.elementor-element-12f5125 {
		--container-widget-width: 100%;
		--container-widget-flex-grow: 0;
		width: var(--container-widget-width, 100%);
		max-width: 100%;
		text-align: start;
	}
	
	.elementor-4282 .elementor-element.elementor-element-12f5125 img {
		width: 95%;
	}
}

/* Start custom CSS */

/* ===== Vertical Compact Carousel ===== */
.ver-hero-loop .elementor-loop-container {
	overflow: hidden;
}

/* Make each slide smaller */
.ver-hero-loop .e-loop-item {
	height: 320px !important;
	/* smaller card */
	transition: transform .4s ease, opacity .4s ease;
}

/* Wrapper height = show exactly 3 */
.ver-hero-loop {
	height: 1000px;
	/* 320 x 3 + spacing */
	overflow: hidden;
	position: relative;
}

/* Slight scale effect */
.ver-hero-loop .swiper-slide {
	transform: scale(.96);
	opacity: .7;
}

.ver-hero-loop .swiper-slide-active {
	transform: scale(1);
	opacity: 1;
}
