.new-blog-content-picker {
    background-color: var(--white-color);
    padding: 24px 0;
}

.blog-header {
    & h1 {
        font-size: var(--fs-custom-2);
        color: var(--text-color);
        font-weight: var(--font-weight-bold);
    }
}

.blog-info {
    color: var(--color-dark-gray-1);
    font-size: 16px;
}

.blog-tags {
    display: flex;
    flex-direction: row;
    gap: 10px;

    & span {
        background: var(--color-light-gray-12);
        border-radius: 4px;
        color: var(--color-gray-5);
        font-size: 12px;
        padding: 6px 8px;
        text-transform: uppercase;
    }
}

.blog-banner {
    margin-top: 46px;

    & img {
        object-fit: cover;
        border-radius: 8px;
        width: 100%;
    }
}

.new-blog-content-picker .blog-header table {
	background: var(--color-white);
    border: 2px solid var(--color-black-1);
	border-collapse: collapse;
    margin-bottom: 20px;
}

.new-blog-content-picker .blog-header table td { 
    border: 2px solid #ddd;
}

.pf-blog .default-content-wrapper p {
    color: #444758!important;
}

.new-blog-content-picker .blog-header table td p {
    margin-left: 8px;
}

.pf-blog .section.faqs-block-container {
    padding: 0!important;
}

.pf-blog .fragment-wrapper .disclaimer-text .view-toggle{
    text-decoration: none;
    margin: 2px;
    padding: 0;
}

.pf-blog .personal-finance-category-list-container {
    padding-top: 0;
}

@media(width <=768px) {
    .pf-blog .section.open-demat-form-container {
        display: none;
    }

    .pf-blog main {
        display: flex;
        flex-direction: column;
    }

    .pf-blog .personal-finance-sidebar-container {
        order: 3;
    }

    .new-blog-content-picker-container {
        order: 1;
        padding: 0;
    }

    .pf-blog .personal-finance-category-list-container {
        order: 5;
    }

    .pf-blog .section.fragment-container {
        order: 4;
    }

    .pf-blog .faqs-block-container {
        order: 3;
    }

    body.pf-blog main .section.sticky-block.fragment-container.open-demat-form-container {
        margin: 0!important;
    }

    .new-blog-content-picker {
        padding: 16px 0 0;
    }

    .pf-blog .section.faqs-block-container {
        padding: 30px 0!important;
    }

    .new-blog-content-picker h1 {
        font-size: 22px!important;
    }
}

@media(width <=380px) {
    .new-blog-content-picker .blog-header table td p {
        margin-left: 0;
    }

    .new-blog-content-picker .blog-header table td {
        text-align: center;
    }
}