<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FAQ Section</title>
    <style>
        .faq-question {
            cursor: pointer;
            margin: 10px 0;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 5px;
            background-color: #f9f9f9;
        }
        .faq-answer {
            display: none;
            margin: 5px 0 10px;
            padding: 10px;
            border-left: 1px solid #ddd;
        }
    </style>
</head>
<body>
    <div id="faq-section">
        <h1>Frequently Asked Questions</h1>

        <!-- Question 1 -->
        <div class="faq-question" onclick="document.getElementById('answer1').style.display='block'">
            Q1: What is Kevalinvest.com about?
        </div>
        <div class="faq-answer" id="answer1">
            A1: Kevalinvest.com is a platform that emphasizes the importance of financial planning, risk management, and asset allocation. It provides insights and guidance on managing finances effectively to achieve financial success.
        </div>

        <!-- Question 2 -->
        <div class="faq-question" onclick="document.getElementById('answer2').style.display='block'">
            Q2: Why should I consider planning my finance?
        </div>
        <div class="faq-answer" id="answer2">
            A2: With the rapid evolution of financial instruments and the emergence of numerous products in both listed and unlisted spaces, planning your finance is crucial for staying focused and achieving financial success.
        </div>

        <!-- Add more questions and answers here -->

    </div>

    <script>
        // Add a script to toggle the display of answers
        const questions = document.querySelectorAll('.faq-question');
        questions.forEach(question => {
            question.addEventListener('click', () => {
                const answer = question.nextElementSibling;
                answer.style.display = answer.style.display === 'block' ? 'none' : 'block';
            });
        });
    </script>
</body>
</html>
