.vd_author {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    gap: 10px;
}

    .vd_author i {
        display: flex;
        gap: 4px;
    }

        .vd_author i em {
            color: #a24d24;
            cursor: pointer;
        }

.vd_author_info {
    margin-bottom: 20px;
    padding: 10px 0 10px 20px;
    border-left: 3px solid #d2d2d2;
    background: #f9f9f9;
    font-style: italic;
}

.vd_author .comment {
    padding: 6px 16px;
    border-radius: 6px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 4px;
    color: #333 !important;
    border: 1px solid #a1a1a1;
    height: 40px
}

.vd_author .author {
    display: flex;
    align-items: center;
    gap: 10px;
}

.vd_author .author:hover .box-author-head .author-info em {
    text-decoration: underline
}


.vd_author .author .box-author-head .author-info em {
    cursor: pointer;
}

    .vd_author .author div {
        column-gap: 20px;
        display: flex;
    }

.vd_author .wImg {
    width: 40px;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
}

    .vd_author .wImg:before {
        padding-bottom: 100%;
    }

    .vd_author .wImg img {
        position: absolute;
        width: 100%;
        height: 100% !important;
        top: 0;
        left: 0;
        object-fit: cover;
    }

.vd_author .author .box-author-head .author-info em {
    color: var(--color-text-primary);
    font-weight: 500
}

#gl-toc {
    background: #DBEAFE;
    border: 1px solid #d4d4d4;
    border-radius: 8px
}

.new-hightlight {
    margin-top: 32px
}

    .new-hightlight .hl_title {
        font-size: 20px;
        color: #a24d24;
        text-align: start
    }

    .new-hightlight .group-item {
        display: flex;
        flex-direction: column;
    }

    .new-hightlight .group-item .item {
        display: flex;
        align-items: center;
        gap: 12px;
        border-bottom: 1px solid #d4d4d4;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

.new-hightlight .group-item .item:last-child {
    border:none
}

        .new-hightlight .group-item .item .info {
            font-size: 14px;
            text-decoration: none;
            line-height: 1.4;
            width: calc(100% - 84px);
            font-weight: 600;
        }

        .new-hightlight .group-item .item img {
            border-radius: 4px;
            width: 72px;
            object-fit: cover;
            aspect-ratio: 1 / 1;
        }

.des-list-section-2.other-new {
    background: #fff;
    margin-bottom: 146px;
    margin-top: 80px
}

    .des-list-section-2.other-new .heading-h2 {
        text-align: start;
        width: 100%
    }

    .des-list-section-2.other-new .item {
        width: unset;
        margin-right: unset;
        margin-bottom: 30px;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19);
        border: 1px solid rgba(0, 0, 0, 0.2);
        display: block;
    }

        .des-list-section-2.other-new .item .name {
            min-height: 50px;
        }

    .des-list-section-2.other-new .owl-dot {
        background: #f2f2f2;
    }

    @media(max-width: 1199px) {
        #new.blog-detail .container .pull-right-blog-detail {
            display: none;
        }
    }

    @media(max-width: 767px) {
        .vd_author {flex-direction: column; gap: 20px}
            .vd_author .comment span {
                display: block;
                
            }
            .vd_author .comment {
                max-width: 162px;
                height: 44px
            }
    }