
.hero--gallery {
	--animation-duration: 4s;
	--stagger-delay: .5s;
	--easing: cubic-bezier(.68, -.55, .27, 1.55);
}

.hero--gallery img {
	border-radius: 15px;
}

.hero--gallery .gallery-item {
	transform: translateY(30px);
	opacity: 0;
	transition: transform var(--animation-duration) var(--easing), opacity var(--animation-duration) var(--easing);
	animation: slideUp var(--animation-duration) forwards var(--easing);
}

.hero--gallery .gallery-item:nth-child(1) {
	animation-delay: calc(var(--stagger-delay) * 1);
}

.hero--gallery .gallery-item:nth-child(2) {
	animation-delay: calc(var(--stagger-delay) * 2);
}

.hero--gallery .gallery-item:nth-child(3) {
	animation-delay: calc(var(--stagger-delay) * 3);
}

.hero--gallery .gallery-item:nth-child(4) {
	animation-delay: calc(var(--stagger-delay) * 4);
}

.hero--gallery .gallery-item:nth-child(5) {
	animation-delay: calc(var(--stagger-delay) * 5);
}

.hero--gallery .gallery-item:nth-child(6) {
	animation-delay: calc(var(--stagger-delay) * 6);
}

.hero--gallery .gallery-item:nth-child(7) {
	animation-delay: calc(var(--stagger-delay) * 7);
}

.hero--gallery .gallery-item:nth-child(8) {
	animation-delay: calc(var(--stagger-delay) * 8);
}

.hero--gallery .gallery-item:nth-child(9) {
	animation-delay: calc(var(--stagger-delay) * 9);
}

.hero--gallery .gallery-item:nth-child(10) {
	animation-delay: calc(var(--stagger-delay) * 10);
}

@keyframes slideUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.hero--col--gallery .elementor-widget-container {
	max-height: fit-content;
}

.hero--gallery .elementor-image-gallery .gallery {
	width: fit-content;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	gap: 15px;
	margin-bottom: -50px;
	align-items: flex-end;
	height: 630px;
}

@media (max-width:833px) {
	.hero--gallery .elementor-image-gallery {
		height: 440px;
	}
	
	.hero--gallery .elementor-image-gallery .gallery {
		transform: scale(.8);
		transform-origin: 75% -40%;
		margin-bottom: 0;
	}
}

@media (max-width:389px) {
	.hero--gallery .elementor-image-gallery {
		height: 300px;
		overflow: hidden;
	}
	
	.hero--gallery .elementor-image-gallery .gallery {
		transform: scale(.47);
		transform-origin: 5% 0;
	}
}

.hero--gallery .gallery-item {
	max-width: none !important;
}

.hero--gallery .gallery-item:nth-child(3n+1) {
	width: 350px;
}

.hero--gallery .gallery-item:nth-child(3n+1) img {
	aspect-ratio: .9;
	object-fit: cover;
}

.hero--gallery .gallery-item:nth-child(3n+2) {
	width: 220px;
}

.hero--gallery .gallery-item:nth-child(3n+2) img {
	aspect-ratio: 1;
	object-fit: cover;
}

.hero--gallery .gallery-item:nth-child(3n+3) {
	width: 370px;
	transform: translateY(40px);
}

.hero--gallery .gallery-item:nth-child(3n+3) img {
	aspect-ratio: 1.25;
	object-fit: cover;
}

.hero--gallery.hero--gallery--two .elementor-image-gallery .gallery {
	align-items: flex-end;
}

@media (min-width:834px) {
	.hero--gallery.hero--gallery--two .elementor-image-gallery .gallery {
		height: 550px;
		margin-bottom: -70px;
		align-items: flex-end;
	}
}

.hero--gallery.hero--gallery--two .gallery-item:nth-child(3n+1) {
	width: 220px;
}

.hero--gallery.hero--gallery--two .gallery-item:nth-child(3n+1) img {
	aspect-ratio: 1;
}

.hero--gallery.hero--gallery--two .gallery-item:nth-child(3n+2) {
	width: 370px;
}

.hero--gallery.hero--gallery--two .gallery-item:nth-child(3n+2) img {
	aspect-ratio: 1.2;
}

.hero--gallery.hero--gallery--two .gallery-item:nth-child(3n+3) {
	width: 350px;
}

.hero--gallery.hero--gallery--two .gallery-item:nth-child(3n+3) img {
	aspect-ratio: 1.25;
}
