.faq-container {
    font-family: Arial, sans-serif;
   
    margin: 0 auto;
    padding: 20px;
    
    
    background-color: white;
}

.faq-item {
    margin-bottom: 10px;
}

.faq-question {
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    cursor: pointer;
    border-radius: 4px;
    position: relative;
    background-color: #e2e2e2;
    transition: background-color 0.3s ease;
}

.faq-answer {
    display: none;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
    margin-top: 5px;
}

.arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    transition: transform 0.3s ease;
}

.faq-question.active .arrow {
    transform: translateY(-50%) rotate(-180deg);
}

.faq-question:hover {
    background-color: #d0d0d0;
}









            .blog-container {
                font-family: Arial, sans-serif;
                line-height: 1.6;
                color: #333;
                max-width: 800px;
                margin: 0 auto;
                padding: 20px;
            }
        
            .hero-image {
                width: 100%;
                height: auto;
                border-radius: 10px;
                margin-bottom: 20px;
            }
        
            .authorblog {
                text-align: right;
                font-style: italic;
                color: #666;
                margin-bottom: 20px;
            }
            
            h1 {
                font-size: 2.5em;
                color: #2c3e50;
                text-align: center;
                margin-bottom: 20px;
            }
        
            h2 {
                font-size: 1.8em;
                color: #34495e;
                margin-top: 30px;
            }
        
            h3 {
                font-size: 1.5em;
                color: #16a085;
                margin-top: 20px;
            }
        
            p {
                font-size: 0.9em;
                margin-bottom: 20px;
            }
        
            ul {
                list-style-type: disc;
                padding-left: 40px;
                margin-bottom: 20px;
            }
        
            li {
                margin-bottom: 10px;
            }

            #orth {
                font-weight: bold; /* Make the text bold */
                color: black; /* Set text color to black */
            }