/*=========================
BLOG TOP SPACING
=========================*/

.single-post #primary{

    margin-top:60px;

}

.qh-blog-tags{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin:40px 20px;
}

.qh-blog-tag{
    display:inline-flex;
    align-items:center;
    padding:10px 18px;
    background:#D3BB8F;
    color:#fff;
    border-radius:999px;
    font-size:14px;
    font-weight:600;
    font-family:'Inter',sans-serif;
}

/*=================================================
FAQ
=================================================*/

.qh-blog-faq{

    margin:70px 0;

}

.qh-blog-faq h2{

    font-size:38px;

    margin-bottom:35px;

    color:#3B2A1F;

}

.qh-faq-item{

    border:1px solid rgba(211,187,143,.35);

    border-radius:18px;

    overflow:hidden;

    margin-bottom:18px;

    background:#fff;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.qh-faq-question{

    width:100%;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:22px 28px;

    background:#fff;

    border:none;

    cursor:pointer;

    text-align:left;

    font-size:20px;

    font-weight:600;

    color:#3B2A1F;

    transition:.3s;

}

.qh-faq-question:hover{

    background:#FAF8F4;

}

.qh-faq-icon{

    width:34px;

    height:34px;

    border-radius:50%;

    background:#D3BB8F;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:22px;

    transition:.35s;

    flex-shrink:0;

}

.qh-faq-answer{

    max-height:0;

    overflow:hidden;

    transition:max-height .45s ease;

}

.qh-faq-answer-inner{

    padding:0 28px 24px;

}

.qh-faq-answer p{

    margin:0;

    line-height:1.9;

    color:#666;

}

.qh-faq-item.active .qh-faq-icon{

    transform:rotate(45deg);

    background:#3B2A1F;

}

.qh-faq-item.active .qh-faq-question{

    background:#FAF8F4;

}

@media(max-width:768px){

    .qh-blog-faq h2{

        font-size:30px;

    }

    .qh-faq-question{

        font-size:17px;

        padding:18px;

    }

    .qh-faq-answer-inner{

        padding:0 18px 18px;

    }

}


/*=================================================
TABLET (992px)
=================================================*/

@media (max-width:992px){

    .single-post #primary{
        margin-top:50px;
    }

    .qh-blog-tags{
        margin:35px 15px;
        gap:10px;
    }

    .qh-blog-tag{
        padding:10px 16px;
        font-size:14px;
    }

    .qh-blog-faq{
        margin:60px 15px;
    }

    .qh-blog-faq h2{
        font-size:34px;
        margin-bottom:28px;
    }

    .qh-faq-question{
        padding:20px 22px;
        font-size:18px;
    }

    .qh-faq-answer-inner{
        padding:0 22px 22px;
    }

}


/*=================================================
MOBILE (768px)
=================================================*/

@media (max-width:768px){

    .single-post #primary{
        margin-top:40px;
    }

    .qh-blog-tags{
        margin:30px 10px;
        gap:8px;
    }

    .qh-blog-tag{
        padding:9px 15px;
        font-size:13px;
    }

    .qh-blog-faq{
        margin:50px 10px;
    }

    .qh-blog-faq h2{
        font-size:28px;
        line-height:1.3;
        margin-bottom:24px;
    }

    .qh-faq-item{
        border-radius:14px;
        margin-bottom:15px;
    }

    .qh-faq-question{
        padding:18px;
        font-size:17px;
        line-height:1.5;
        gap:15px;
    }

    .qh-faq-icon{
        width:30px;
        height:30px;
        font-size:20px;
        flex-shrink:0;
    }

    .qh-faq-answer-inner{
        padding:0 18px 18px;
    }

    .qh-faq-answer p{
        font-size:15px;
        line-height:1.8;
    }

}


/*=================================================
SMALL MOBILE (480px)
=================================================*/

@media (max-width:480px){

    .single-post #primary{
        margin-top:30px;
    }

    .qh-blog-tags{
        margin:25px 0;
        gap:8px;
    }

    .qh-blog-tag{
        font-size:12px;
        padding:8px 14px;
    }

    .qh-blog-faq{
        margin:40px 0;
    }

    .qh-blog-faq h2{
        font-size:24px;
        margin-bottom:20px;
    }

    .qh-faq-item{
        border-radius:12px;
    }

    .qh-faq-question{
        padding:16px;
        font-size:16px;
    }

    .qh-faq-icon{
        width:28px;
        height:28px;
        font-size:18px;
    }

    .qh-faq-answer-inner{
        padding:0 16px 16px;
    }

    .qh-faq-answer p{
        font-size:14px;
        line-height:1.8;
    }

}