Highlighter Brush 06

FAQ Section .faq-container { width: 90%; background-color: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin: 20px auto; padding: 10px; } .faq-header { text-align: center; padding: 10px 0; } .faq-header h2 { font-size: 24px; font-weight: bold; } .faq-item { padding: 15px 20px; border-top: 1px solid #e0e0e0; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: background-color 0.3s ease-in-out; } .faq-item:first-child { border-top: none; } .faq-item:hover { background-color: #f9f9f9; } .faq-question { font-size: 18px; font-weight: 700; display: flex; align-items: center; } .faq-question img { margin-right: 8px; height: 24px; width: 24px; } .faq-answer { font-size: 16px; line-height: 1.6; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-in-out; padding: 0 20px; } .faq-answer p { margin: 10px 0; } .faq-answer.active { padding: 10px 20px; } .icon-container i { font-size: 16px; transition: transform 0.3s ease-in-out; } .icon-container i.active { transform: rotate(90deg); } Frequently Asked Questions What makes the Highlighter Brush 06 unique? Our Highlighter Brush 06 is crafted with premium synthetic bristles designed to apply highlighter effortlessly, providing even coverage and a natural glow. Is this brush suitable for all skin types? Yes, the Highlighter Brush 06 works well with all skin types and is gentle on sensitive skin due to its soft, synthetic bristles. How do I clean the Highlighter Brush 06? Clean your brush with a gentle makeup brush cleaner and lukewarm water for best results. Rinse thoroughly and allow it to air dry. Can I use this brush with cream highlighters? Absolutely! The Highlighter Brush 06 is versatile and works great with powder, cream, and liquid highlighter formulas. What’s the best way to achieve a natural-looking highlight? Use a light hand when applying a highlighter with the brush for a subtle glow. Build the product gradually by adding more layers for a more intense glow. document.querySelectorAll('.faq-item').forEach((item) => { item.addEventListener('click', () => { const answer = item.nextElementSibling; const icon = item.querySelector('.icon-container i'); if (answer.classList.contains('active')) { answer.classList.remove('active'); answer.style.maxHeight = null; icon.classList.remove('active'); } else { document.querySelectorAll('.faq-answer.active').forEach((activeAnswer) => { activeAnswer.classList.remove('active'); activeAnswer.style.maxHeight = null; activeAnswer.previousElementSibling.querySelector('.icon-container i').classList.remove('active'); }); answer.classList.add('active'); answer.style.maxHeight = answer.scrollHeight + 'px'; icon.classList.add('active'); } }); });