.faq-accordion .accordion-collapse{
            transition: all 0.35s ease;
        }

        .faq-accordion .accordion-body{
            cursor: pointer;
            border-radius:5px;
        }
        .blog-metadata span{
            display: flex;
            align-items: center;
            font-size: 14px;
        }

        .blog-metadata i{
            color: #f59e0b; /* orange icon like screenshot */
            font-size: 14px;
        }
        /* only safe contextual adjustments – no tag selectors, only classes */
        .blog-sidebar-card, .blog-main-card { transition: 0.2s; border: none; box-shadow: 0 5px 25px rgba(0,0,0,0.03); }
        .blog-metadata i { color: #FEA116; width: 1.4rem; } 
        .recent-post-item:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 1rem; margin-bottom: 1rem; }
        .faq-accordion .accordion-button:not(.collapsed) { background: #f8f9fa; color: #0b2c3d; }
        .faq-accordion .accordion-button:focus { box-shadow: none; border-color: rgba(0,0,0,0.125); }
        .faq-center-wrapper { max-width: 900px; margin-left: auto; margin-right: auto; } /* centered container for FAQ */
        
        .blog-content a {   
            color: #ff0d0d !important;
            text-decoration: none !important;
        }
        
        .blog-content a:hover {
            color: #df3a3a !important;
        }
        
        .align {
            text-align: justify;
        }
        
        .two-line-title {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 1.4;
            max-height: 2.8em;
        }
        
        .recent-post-item .text-decoration-none {
            color: #333 !important;
        }
        
        .recent-post-item .text-decoration-none:hover {
            color: #FEA116 !important;
        }

    .blog-content h2 {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.4;
    margin-top: 40px;
    margin-bottom: 20px;
    color: #1E3A8A ;
    position: relative;
    padding-left: 15px;
}

/* left accent line */
.blog-content h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 4px;
    height: 80%;
    background: #FEA116;
    border-radius: 2px;
}

/* responsive */
@media (max-width: 768px) {
    .blog-content h2 {
        font-size: 1.5rem;
    }
}
.blog-content h3 {
    font-size: 1.35rem;
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 12px;
     color: #1E3A8A ;
    padding-left: 10px;
    border-left: 3px solid #FEA116;
}
.blog-content h4 {
    font-size: 1.15rem;
    font-weight: 600;
    margin-top: 18px;
    margin-bottom: 10px;
    color: #1E3A8A;
    padding-left: 8px;
    border-left: 2px solid #FEA116;
}
@media (max-width:768px) {
    .blog-content h4{
        font-size:1.05rem;
    }
}