.elementor-9444 .elementor-element.elementor-element-ff97cd1:not(.elementor-motion-effects-element-type-background), .elementor-9444 .elementor-element.elementor-element-ff97cd1 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
background-color: #407BE6;
max-width: 585px !important;
}
.elementor-9444 .elementor-element.elementor-element-9b86f2e:not(.elementor-motion-effects-element-type-background), .elementor-9444 .elementor-element.elementor-element-9b86f2e > .elementor-motion-effects-container > .elementor-motion-effects-layer {
background-color: #CAEEFF;
max-width: 585px !important;
}
// Function to trigger confetti
function triggerConfetti() {
confetti({
particleCount: 100,
spread: 70,
origin: { y: 0.6 }
});
}
// Intersection Observer callback function
function handleIntersect(entries, observer) {
entries.forEach(entry => {
if (entry.isIntersecting) {
triggerConfetti();
observer.unobserve(entry.target); // Stop observing after triggering confetti
}
});
}
// Create Intersection Observer
const observer = new IntersectionObserver(handleIntersect, {
threshold: 0.5 // Adjust this value based on when you want the confetti to trigger
});
// Observe the element
const targetElement = document.querySelector(‘.confetti-trigger’);
observer.observe(targetElement);
