THE BRAND

<style>
/* 1. Default State: Page load/refresh par text hamesha solid black rahega */
.elementor-text-editor p,
.elementor-widget-text-editor .elementor-widget-container p {
color: #000000 !important;
transform: scale(1);
transition: color 0.4s ease-in-out, transform 0.4s ease-in-out;
}

/* 2. Scroll Active State: Jab scroll ho kar samne aayega toh brown/active color aayega */
.elementor-text-editor p.scroll-active-text,
.elementor-widget-text-editor .elementor-widget-container p.scroll-active-text {
color: #9A6333 !important; /* Yahan apna pasandeeda color rakh sakte hain */
transform: scale(1.02) !important;
}
</style>

<script>
document.addEventListener(“DOMContentLoaded”, function() {
const paragraphs = document.querySelectorAll(‘.elementor-text-editor p’);

if (paragraphs.length > 0) {
// Page load hotay hi sab ko forcefully black color set kar do
paragraphs.forEach(p => {
p.style.setProperty(‘color’, ‘#000000’, ‘important’);
});

const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
// Jab scroll karke samne aaye tabhi active color ho
entry.target.classList.add(‘scroll-active-text’);
entry.target.style.setProperty(‘color’, ‘#9A6333’, ‘important’);
} else {
// Jab screen se upar ya neeche nikal jaye toh wapas black ho jaye
entry.target.classList.remove(‘scroll-active-text’);
entry.target.style.setProperty(‘color’, ‘#000000’, ‘important’);
}
});
}, {
threshold: 0.5
});

paragraphs.forEach(p => observer.observe(p));
}
});
</script>