.blog-single-section{
  padding:50px 0px;
}
  .blog-faq-section{
    margin-top:30px;
}

.blog-faq-section h2{
    margin-bottom:25px;
}

.blog-faq-item{
    border:1px solid #e5e5e5;
    border-radius:12px;
    margin-bottom:15px;
    overflow:hidden;
    background:#fff;
}

.blog-faq-item summary{
    list-style:none;
    cursor:pointer;
    padding:20px 24px;
    font-weight:700;
    position:relative;
    font-family:'Barlow',sans-serif;
    font-size:18px;
}

.blog-faq-item summary::-webkit-details-marker{
    display:none;
}

.blog-faq-item summary::after{
    content:"+";
    position:absolute;
    right:24px;
    top:50%;
    transform:translateY(-50%);
    font-size:24px;
    transition:.3s;
}

.blog-faq-item[open] summary::after{
    content:"−";
}

.blog-faq-answer{
    padding:0 24px 24px;
}

.blog-faq-answer p{
    margin:0;
    line-height:1.8;
}
.blog-layout{
    display:grid;
    grid-template-columns:minmax(0, 2fr) 350px;
    gap:40px;
    align-items:start;
}

.blog-single{
    min-width:0;
}

.blog-sidebar{
    position:sticky;
    top:120px;
}

.sidebar-widget{
    background:#fff;
    border-radius:16px;
    padding:25px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.sidebar-widget h3{
    margin-bottom:25px;
    font-size:28px;
}

.latest-post{
    display:flex;
    gap:15px;
    text-decoration:none;
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:1px solid #eee;
}

.latest-post:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:none;
}

.latest-post img{
    width:90px;
    height:90px;
    object-fit:cover;
    border-radius:10px;
}

.latest-post h4{
    font-size:15px;
    line-height:1.4;
    margin-bottom:5px;
    color:#111;
}

.latest-post span{
    font-size:13px;
    color:#777;
}
img.blog-featured-image {
    border-radius: var(--radius);
}
.blog-single h2 {
    padding-top: 25px;
}
.blog-single p, .blog-single ul {
    padding-top: 15px;
}
.blog-meta{
  display: none;
}
.blog-single a {
    color: #43a047;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
}

.blog-single a:hover{
    color: #43a047;
    border-bottom-color: #43a047;
}

.blog-single a:visited {
    color: #43a047;
}
@media(max-width:991px){

    .blog-layout{
        grid-template-columns:1fr;
    }

    .blog-sidebar{
        position:relative;
        top:0;
        order:-1; /* optional: show sidebar above content on mobile */
    }
 
}
@media(max-width:991px){
     .page-banner h1 {
      font-size: 30px;
    }
}