/* Import Components Single Blog Page */

@import url(../components/header-general.css);
@import url(../components/blog-card.css);
@import url(../components/single-blog-content.css);
@import url(../components/single-blog-header.css);
@import url(../components/aside-archive.css);
@import url(../components/similar-blog.css);
@import url(../components/related-products.css);
@import url(../components/single-blog-faq.css);
@import url(../components/user-comments.css);

/* Single Blog Page Main Style */

.single-blog-page {
    background: var(--bg-color-secondary);
    padding: 15px;
}

.single-blog-page .bg-inner-content:nth-child(1) {
    border-bottom-left-radius: 72px;
    border-bottom-right-radius: 72px;
    padding-block: 80px;
}

.single-blog-page .bg-inner-content:nth-last-child(2) {
    padding-block: 40px;
    border-radius: 72px;
}

.single-blog-page .sec-bottom-navigation {
    margin-left: 0;
}

/* All Media Queris Single Blog Page */

@media screen and (max-width: 1200px) {
    .single-blog-page .sec-similar-blog {
        width: 100%;
    }
    .single-blog-page .bg-inner-content:nth-child(1)  {
        padding-bottom: 50px !important;
    }
    .single-blog-page .bg-inner-content:nth-last-child(2) ,
    .single-blog-page .bg-inner-content:nth-child(1) {
        border-bottom-right-radius: 48px !important;
        border-bottom-left-radius: 48px !important;
    }
}

@media screen and (max-width: 768px) {
    .wrap-related-products .products-aside {
        height: 380px;
    }
    .single-blog-page {
        padding-inline: 0;
    }
}