.minga-animated-arrow {
	width: 100%;
	height: auto;
	display: block;
}
@media screen and (max-width:767px) {
	.minga-animated-arrow {
		display: none;
	}
}

.minga-animated-arrow--right {
    margin-left:20%;
    max-width:535px;
}
.minga-animated-arrow--left {
    margin-left:30%;
    max-width:466px;
}

.minga-animated-arrow svg {
	width: 100%;
	height: auto; /* Ensures the SVG scales proportionally */
	display: block;
}

.minga-animated-arrow svg path {
	opacity: 0;
}

/* Only animate when the parent has the .animate class */
.minga-animated-arrow.animate svg path {
	animation: fadeInArrow 0.1s linear forwards;
	/* Keeps the staggered timing */
	animation-delay: calc(var(--i) * 0.015s);
}

@keyframes fadeInArrow {
	to {
		opacity: 1;
	}
}

@keyframes fadeInArrow {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}