/* ------------blog-right-sidebar------------*/ 
#content {
    padding: 40px 0;
    position: relative;
    &.single-class{
        &:has(.bs-single-head){
            padding-top: 0;
            .bs-breadcrumb-section{
                padding: 0;
                margin: 0; 
            }
        
        }
        &.trspacerin{
            padding-top: 140px;
        } 
        .bs-single-head{
            &.one, &.five{
                .bs-breadcrumb-section{
                    padding: 0;
                    margin-top: 30px;
                    .overlay{
                        background: transparent;
                        box-shadow: unset;
                        padding: 0;
                    }
                }
            }
            &.two,&.four{
                .single_img{
                    img{
                        height: auto;
                        object-fit: contain;
                    }
                }
            }
        }
    }
}
.content-right .d-grid.column2{
  row-gap: 50px;
}
.bs-section.blog .bs-heading  .bs-title {
    margin-bottom: 3rem;
}
#content.trspacerin{
    padding-top: 220px;
}
#content {
   .blogarea-grid {
        display: grid;
        row-gap: 64px;
        &.column2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            grid-column-gap: 2rem;
            padding: 0;
        }
        &.column3 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
            grid-column-gap: 2rem;
            padding: 0;
        }
        &.column4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
            grid-column-gap: 2rem;
            padding: 0;
        }
    }
    .blogarea-grid{
        display: grid;
        row-gap: 64px;
    }
}
/*---------------------------------------
	blogs       
-----------------------------------------*/
.bs-blog-post {
	overflow: hidden;
	padding: 0;
    p {
        &:last-child {
            margin-bottom: 0;
        }
    }    
    &.lg {
        position: relative;
        height: 475px;
        overflow: hidden;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 1px;
        background-color:#000;
    }
    &.three.md {
        width: 100%;
        height: 250px;
    }
    &.text-start .bs-blog-category {
        justify-content: flex-start;
    }
    &.text-center .bs-blog-category {
        justify-content: center;
    }
    &.text-end .bs-blog-category {
        justify-content: flex-end;
    }
    .bs-blog-thumb {
        position: relative;
        min-height: 20px;
        overflow: hidden;
        max-width: 100%;
        border-radius: var(--bxbra);
        &::before{
            content: '';
            position: absolute;
            inset: 0;
            transform: scale(0);        
            border-radius: 100%;
            opacity: 0.1;
        }
        .bs-blog-category{
            position: absolute;
            top: 20px;
            left: 20px;
        }
    }
    &:hover .bs-blog-thumb::before{
        transform: scale(1);
        border-radius: 0;
        opacity: 0;
        transition: 0.35s,border-radius .5s,opacity .9s;
    }
    .bs-blog-meta{
        margin-bottom: 0.8rem;
    }
}
.bs-blog-post.grid-card{
    .bs-blog-meta{
        margin-bottom: 0.5rem;
    }
}
.link-div {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.bs-blog-thumb.lg {
	height: 400px;
    .blog-slider .swiper-slide{
        height: 400px;
    }
}
.bs-blog-thumb.bsm {
	height: 140px;
}
.bs-blog-thumb.md {
	height: 220px;
}
.bs-blog-post .bs-blog-thumb img{ 
	max-width: 100%;
	height: 100%;
	object-fit: cover;
}
.bs-blog-post.one.bshre .bs-blog-thumb.post-format-gallery img, .bs-blog-post.two .bs-blog-thumb.post-format-gallery img{
  width: 100%;
}
/*----- blog-post two -----*/ 
/*----- blog-post overlay -----*/
.bs-blog-post.three {
	position: relative;
    border-radius: var(--bxbra);
    &.lg {
        height: 400px;
    }
    &.md {
        height: 250px;
    }
    &.bsm {
        height: 185px;
    }
    .bs-blog-category{
        position: absolute;
        top: 25px; 
        left: 25px;
        right: 25px;
        z-index: 4;
    }
    .title {
        z-index: 5;
        margin-bottom: 10px;
    }
    .title.bsm {
        font-size: 20px;
        margin-bottom: 0;
    }
    .title.md {
        font-size: 22px;
        margin-bottom: 5px;
    }
    .bs-blog-meta {
        margin-bottom: 0;
        z-index: 5;
    }
    .inner {
        position: absolute;
        bottom: 0;
        padding: 15px;
        z-index: 4; 
        bottom: 0;
        right: 0;
        left: 0;
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
        backdrop-filter: blur(8px);
        margin-bottom: 10px;
    }
    .inner:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: -1;
        background-color: rgba(0, 0, 0, 0.4);
    }
}
/* --blog--four-- */
.bs-blog-post.four {
    display: flex;
    background: transparent;
    box-shadow: none;
    border: none;
    padding: 0;
    &:hover {
        box-shadow: unset;
    }
    .bs-blog-thumb {
        width:55%;
        height: auto;
        z-index: 0;
    }
    .small {
        padding: 20px;
        width: 66%;
        margin: 25px 0;
        margin-left: -120px;
        position: relative; 
        border-radius: var(--bxbra);
    }
    &.noimg .small {
        margin-left: -70px;
    }
}
.col-md-12.fadeInDown:nth-child(even) .bs-blog-post.four{
    flex-direction: row-reverse;
}
.col-md-12.fadeInDown:nth-child(even) .bs-blog-post.four .small {
	margin-left: unset;
	margin-right: -70px;
}

/*----- blog-post six -----*/
.bs-blog-post.six {
    position: relative;
    border-radius: var(--bxbra);

    &.lg {
        height: 400px;
    }
    &.md {
        height: 250px;
    }
    &.bsm {
        height: 185px;
    }

    .bs-blog-category {
        z-index: 5;
    }

    .title {
        z-index: 5;

        &.bsm {
            font-size: 18px;
            margin-bottom: 0;
        }
    }

    .bs-blog-meta {
        margin-bottom: 0;
        z-index: 5;
    }

    .inner {
        position: absolute;
        padding: 25px;
        z-index: 5;
        // top: 0;
        bottom: 15px;
        right: 15px;
        left: 15px;
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
        border-radius: 10px;

        &::after {
            position: absolute;
            content: '';
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 0;
            background-color: rgba(0 0 0 / 40%);
            border-radius: 10px;
            backdrop-filter: blur(15px);
        }

    }
}
/*----- blog-post list -----*/
.list-blog{ 
    &.bs-blog-post {
        display: grid;
        grid-template-columns: 350px 1fr;
        gap: 2rem;
        text-align: start;
        padding: 0;
        align-items: center;
        &.no-img{
            display: flex;
        }
        .small {
            padding: 0;
            font-size: 17px;
        }
        .title {
            margin-bottom: 15px;
        }
    }
    .bs-blog-thumb {
        border-radius: var(--bxbra);
        height: 100%;
        min-height: 280px;
        &.auto {
            min-height: 100%;
        }
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        &.md {
            height: 250px;
        }
        .blog-slider {
            min-height: 280px;
            height: 100%;
            .swiper-slide{
                height: 100%;
            }
        }
    }
    .responsive-video {
        min-height: 250px;
    }
    .bs-blog-category {
        justify-content: flex-start;
    }
    &.right .bs-blog-thumb {
        margin-left: 15px;
        margin-right: unset;
    }
    .bs-post-thumb img{
        height: auto;
        max-width: 100%;
    }
}
/*----- List small-post-widget -----*/
.small-post-list-widget .col-grid-2 {
	display: grid;
    grid-column-gap: 1.5rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.small-post-list-widget .small-post .img-small-post {
	width: 34%;
    height: 130px;
}
/*----- Recent small-post -----*/
.bs-recent-blog-post {
    margin-bottom: 0;
	.small-post {
        margin-bottom: 0;
        padding: 1.5rem 0;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        
        &:first-child {
            margin-top: 0;
            padding-top: 0;
        }
        &:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }
        .img-small-post {
            min-width: 100px;
            min-height: 100px; 
            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
        .title {
            margin-bottom: 0;
        }
        .bs-blog-meta {
            margin-bottom: 8px;
            span {
                font-size: 12px;
            }
        }
    }
    .bs-widget-title + .small-post { 
        margin-top: 0;
        padding-top: 0;
    }
}
.bs-recent-blog-post .small-post .img-small-post.right {
    border-radius: var(--bxbra);
} 
/*----- Recent small-post -----*/
.bs-recent-blog-post {
    &.two {
        .small-post{
            &:nth-child(2){
                flex-direction: column;
                gap: 20px;
                .img-small-post {
                    min-width: 100%;
                    min-height: 300px;
                }
                .small-post-content{
                    gap: 10px;
                    width: 100%;
                }
            }
        }
    } 
}
/*----- List small-post -----*/
.reverse .small-post{
    flex-direction: row-reverse;
}
.small-post {
	position: relative;
	overflow: hidden; 
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: 0;
    column-gap: 20px;
}
.small-post .img-small-post {
	width: 20%; 
    height: 100%;
    min-width: 130px;
    min-height: 130px;
	overflow: hidden;
	position: relative;
	border-radius: var(--bxbra);
	transition: all .3s ease-out;
}
.small-post-content {
	-ms-flex: 1;
	flex: 1;
    .bs-blog-meta {
        margin-bottom: 0;
    }
}
.small-post .title{
	font-size: 18px;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    a{
        color: inherit;
        background-repeat: no-repeat;
        background-size: 0% 1px;
        background-position: left 100%;
        background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%);
        transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
        
        &:hover{
            background-repeat: no-repeat;
            background-size: 100% 1px;
            background-position: left 100%;
            background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%);
            transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
        }
    }
    &.lg{
        font-size: 26px;
    }
}
.bs-widget .small-post-content .title{ 
    line-height: 1.3;
    text-align: start; 
    transition: 0.35s;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/*----- blog-post category -----*/
.bs-blog-category {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center; 
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 0;
    margin-bottom: 10px;
    a{
        font-size: 13px;
        padding: 4px 8px;
        line-height: 1;
        font-weight: 600;
        cursor: pointer;
        border-radius: 5px;
        border-width: 1px;
        border-style: solid;
        position: relative;
        z-index: 1;
        transition: 0.35s;
        &::before{
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 16px;
            opacity: .05;
            z-index: -1;
        }
        i {
            font-size: 10px;
            margin-right: 3px;
            backface-visibility: hidden;
        }
    }
    &.two a{
        border-width: 1px;
        border-style: solid;
    }
    &.three a{
        border-radius: 0;
        padding: 0;
        padding-bottom: 5px;
    }
    &.four a{
        border-radius: 0;
        padding: 0 8px;
    }
}
.bs-blog-post {
    .title-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        margin-bottom: 15px;
        .title {
            flex-basis: 78%;
            margin-bottom: 0;
        }
        .btn-wrap {
            flex-shrink: 0;
            a {
                width: 40px;
                height: 40px;
                line-height: 40px;
                display: inline-flex; 
                border-radius: 50%;
                justify-content: center;
                align-items: center; 
                transition: all 0.2s ease 0s; 
                border-width: 2px;
                border-style: solid;
                i {
                    transform: rotate(-45deg);
                    transition: all 0.2s ease 0s;
                }

                &:hover{
                    i  {
                        transform: rotate(0deg);
                    }
                }
            }
        }
    }
    .title {
        font-size: 27px;
        margin-bottom: 20px;
        text-decoration: none;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        transition: 0.35s;
        word-break: break-word;
        a{
            color: inherit;
            background-repeat: no-repeat;
            background-size: 0% 1px;
            background-position: left 100%;
            background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%);
            transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
            
            &:hover{
                background-repeat: no-repeat;
                background-size: 100% 1px;
                background-position: left 100%;
                background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%);
                transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
            }
        }
        &.bsm {
            font-size: 18px;
            line-height: 1.3;
        }
    }     
    p{
        word-break: break-word;
        font-size: 1.125rem;
        font-weight: 500;
    }
}
/*----- blog-post meta -----*/
.bs-blog-meta {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.8rem;
    transition: .25s;
    span {
        font-size: 14px;
        font-weight: 600;
        display: flex;
        align-items: center;
        &.tag-links {
            a {
                padding-right: 4px;
            }
        }
        &:before {
            position: relative;
            display: inline-flex;
            padding-right: 0;
            padding-left: 0;
            margin-right: 0.5rem;
            text-decoration: inherit;
            vertical-align: baseline;
            opacity: 0.8;
            content: " ";
            width: 0.3125rem;
            height: 0.3125rem;
            border-radius: 50%;
            background: #d2d2d2;
        }
        &.bs-author {
            a {
                display: flex;
                align-items: center;
            }
            &::before{
                content: unset;
            }
            img {
                border-radius: 50%;
                width: 25px;
                height: 25px;
                margin-right: 8px;
                margin-left: 1px;
                display: unset;
                box-shadow: 0 1px 3px rgba(0,0,0,0.15);
            }
        }
    }
    
}
.bs-author-pic img {
	width: 80px;
	height: 80px;
}
/*----- blog-post post-share-icons -----*/
.post-share-icons {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 30px 0;
    justify-content: center;
    margin-top: 10px;
    a {
        width: 36px;
        height: 36px;
        margin-right: 0.538rem;
        text-align: center;
        line-height: 36px;
        position: relative;
        z-index: 1;
        display: block;
        border-radius: 50%;
        overflow: hidden;
        transition: all 0.2s;
    }
}
/*----- blog-post single -----*/
.bs-blog-post.single.head_one {
    min-height: 380px;
    height: 438px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 50px 50px 30px 50px;
    border-radius: 15px;
    position: relative;
    z-index: 1;
    .bs-header { 
        .bs-info-author-block {
            background: transparent;
        }
        z-index: 1;
    }
    &::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 0;
        background-color: rgba(0, 0, 0, 0.6); 
    }
}
.bs-blog-post.single.head_two {
    min-height: 380px;
    height: 538px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 50px 50px 30px 50px;
    border-radius: 0;
    position: relative;
    z-index: 1;
    .bs-header { 
        .bs-info-author-block {
            background: transparent;
        }
        z-index: 1;
    }
    &::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 0;
        background-color: rgba(0, 0, 0, 0.6); 
    }
}
.bs-blog-post.single {
	text-align: start;
    margin-bottom: 25px;
    box-shadow: none;
    .bs-header .title {
        font-size: 3.125rem;
        font-weight: 700;
        display: block;

        &:hover{
            transform: scale(1);
        }
    }
    .small.single{
        font-size: 20px;
        font-weight: 400;
        line-height: 1.5;
        p{
            font-size: 20px;
            line-height: 1.5;
        }
        .edit-link{
            font-size: 16px;
        }
    }
    .bs-blog-meta{
        .bs-author::before{
            display: none;
        }
    }
}
.bs-info-author-block{
    .flex-grow-1{
        .title{
            &:has(+ p:empty){
                margin-bottom: 0;            
            }
            &+ p{
                margin: 0;
            }
        }
    }
}

.bs-single-head {
    .bs-header {
        margin-bottom: 20px;
        .bs-author:before{
            display: none;
        }
        .bs-author-pic{
            display: flex;
            align-items: center;
            gap: 8px;

            img {
                width: 30px;
                height: 30px;
                margin: 0;
            }
        }
    }
    .bs-info-author-block {
        box-shadow: inherit;
        margin:0 0 25px;
        padding: 0;
        border: none;
    }
}
.bs-blog-post.single {
    .bs-info-author-block{
        border: none;
        margin-bottom: 20px;
    }
    .bs-author-pic {
        display: flex;
        align-items: center;
        gap: 8px;

        img {
            width: 30px;
            height: 30px;
            margin: 0;
            border-radius: 50%;
        }
    }
    .title{
        font-size: 3rem;
        display: block;
        &:hover{
            transform: scale(1);
        }
    }
}
.bs-info-author-block {
	display: flex;
	border-width: 2px;
    border-style: solid;
    .bs-author-pic img {
        margin: 0 15px 0 0;
        border-radius: 50%;
        box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
        width: 80px;
        height: 80px;
        border: 2px solid;
    }
    &.py-4.px-3.mb-4{
        border-radius: 5px;
        padding: 20px;
        align-items: center;
        gap: 20px;
        margin-bottom: 40px;
    
        .bs-author-pic img {
            margin: 0;
        }
    }
}
/*----- Related Posts -----*/
.bs-related-post-info{
    margin-bottom: 50px;
    .bs-blog-post{
        box-shadow: none;
        .title a{
            display: inline;
        }
        .bs-blog-category{
            display: inline-flex;
            right: unset;
            > *:not(:nth-of-type(1),:nth-of-type(2),:nth-of-type(3),:nth-of-type(4)){
                display: none;
                
            }
        }
    }
}

/*----- comments -----*/
.bs-blog-post img {
    max-width: 100%;
    object-fit: cover;
    height: 100%;
}
.comment-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.comments-area {
    .comment-body {
        border-radius: 20px;
        z-index: 0;
        margin-bottom: 1.5rem;
        border: 1px solid rgba(225, 225, 225, 0.9);
        position: relative;
        padding: 2rem 2.5rem 2.5rem 7.5rem;
        min-height: 10rem;
        overflow-wrap: break-word;
        word-wrap: break-word;
    }
    .comment-meta {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        flex-direction: column;

        .comment-metadata { 
            display: flex;
            justify-content: space-between;
            width: 100%;
        }
    }
    img.avatar {
        border-radius: 60%;
        position: absolute;
        z-index: 0;
        left: 28px;
        top: 28px;
        width: 60px;
        height: 60px;
    }
    .bs-heading-bor-bt .comments-title{
        font-weight: 400 !important;
    }
}
.comment-content {
    position: relative;
    z-index: 0;
    padding: 16px 70px 0px 0;
    p{
        margin-bottom: 0;
    }
}
.comment-list .children {
    position: relative;
    padding: 0;
    margin: 0;
    margin-left: 4rem;
    z-index: 0;
    list-style: none;
}
.comment-body .reply {
    text-align: end;
}
#comments img {max-width: 100%;}
.reply a {
    font-size: 14px;
    transition: 0.3s ease-in-out 0s;
    border-radius: 0;
    border-left-width: 1px;
    border-left-style: solid;
    padding-left: 10px;
    display: inline-block;
    font-weight: 500;
}
.comment-meta 
.comment-content {
    position: relative;
    z-index: 0;
    padding: 16px 40px 16px 0;
}
textarea#comment{
    height: 250px;
}
/*----- masonary -----*/
.bs-masonry-columns {
    columns: 3;
    column-gap: 40px;
    &.column2{
        columns: 2;
    }
}
.bs-masonry-columns .bs-blog-post { 
  margin: 0 0 40px  0;
  display: inline-block;
  width: 100%; 
}
.bs-blog-post .small {
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5rem;
}
.bs-blog-post:has(.bs-blog-thumb ) .small {
    padding: 20px 0 0 0;
}
// single page new 
.bs-single-head {
    .container {
        z-index: 1;
    }
    .bs-header {
        .bs-info-author-block {
            margin: 0 0 25px;
            padding: 0;
            box-shadow: inherit;
            background: none;
            border: none;
            align-items: center;
            .bs-author-pic {
                .img-circle {
                    width: 50px;
                    height: 50px;
                }
            }
            .flex-grow-1 {
                .btitle {
                    font-size: 16px;
                    margin-bottom: 0.3rem;
                }
                .bs-blog-meta {
                    gap: .2rem;
                    span {
                        &::before {
                            display: none;
                        }
                    }
                }
            }
        }
    }
    &.one{ 
        min-height: 380px;
        height: auto;
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
        padding: 50px 0;
        border-radius: 0;
        position: relative;
        z-index: 1;
        margin-bottom: 30px;
        .bs-header {
            margin: 0 0 20px;
            .title {
                font-size: 3rem;
            }
        }
        .bs-info-author-block .d-flex{
            gap: 15px;
            font-size: 18px;
        }
        .bs-breadcrumb-section { 
            z-index: 2;
            margin-top: 30px;
            background: transparent; 
            .overlay {
                background: transparent;
                box-shadow: unset;
                padding: 0;
            }
        }
        &::after {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 0;
            background-color: rgba(0, 0, 0, 0.6);
        }
    }
    &.two {
        padding: 50px 0;
        margin-bottom: 40px;
        .bs-header {
            .bs-info-author-block {
                margin-bottom: 20px;
                background: transparent;
                border: none;
            }
            .title {
                font-size: 3.7rem;
            }
            .description {
                font-size: 18px;
            }
        }
    }
    &.three {
        .title {
            font-size: 38px;
            font-weight: 700;
        }
    }
    &.four {
        padding: 50px 0;
        margin-bottom: 40px;
        .title {
            font-size: 3.8rem;
            font-weight: 700;
        }        
        &.column2 {
            gap: 5rem;
        }
        .single_img {
            order: 2;
            img {
                border-radius: 20px;
            }
            figcaption {
                font-size: 12px;
                margin-top: 5px;
                text-align: center;
                a {
                    font-size: 12px;
                }
            }
        }
    }
    &.five {
        min-height: 450px;
        height: auto;
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
        padding: 50px 20px 0px 20px;
        border-radius: 15px;
        position: relative;
        z-index: 1;
        overflow: hidden;
        margin-top: 30px;
        margin-bottom: 30px;
        .bs-header {
            width: 100%;
            padding: 20px;
            border-radius: 20px;
            backdrop-filter: blur(15px);
            position: relative;
            margin-bottom: 30px;
            .title {
                font-size: 3rem;
            }
        }
        &::after {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 0;
            background-color: rgba(0, 0, 0, 0.6);
        }            
    }
}
.bs-blog-post.single {
    img {
        border-radius: var(--bxbra);
    }
    .small {
        font-size: inherit;
        letter-spacing:  inherit;
        line-height: inherit;
        p{
            font-size: 1.25rem;
            font-weight: 400;
            line-height: 1.5;
            margin-bottom: 32px;
            letter-spacing: -.03em;
        }
        .wp-block-heading {
            margin-top: 32px;
        margin-bottom: 16px;
        }
        .wp-block-image{
            margin-top: 32px;
            margin-bottom: 32px;
        }
    }
}

/*---------------------------------------
=========================================
	Category Widget
=========================================
-----------------------------------------*/
.custom-cate-list .fea-cate{
	height: 70px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	overflow: hidden;
	padding: 20px;
	color: #fff;
	font-weight: 600;
    border-radius:var(--bxbra);
}
.custom-cate-list .d-grid { 
    gap: 20px;
}
.custom-cate-list .fea-cate span{
	color: #fff;
	position: relative;
}
.custom-cate-list .fea-cate span.badge {
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 35px;
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom-cate-list .fea-cate::before{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	content: "";
	background: rgba(0, 0, 0, 0.3);
}
/*---------------------------------------
=========================================
	Round Post Widget
=========================================
-----------------------------------------*/
.round-recent-post-widget {
    display: grid;
    row-gap: 26px;
    .small-post {
        .title{
            font-size: 16px;
        }
        grid-template-columns: auto minmax(calc(100% - 200px), 35%);
        .img-small-post {
            height: unset;
            min-width: 100px;
            min-height: 100px;
            border-radius: 50%; 
        }
    }
}
/*----- Double Category small-post -----*/
.double-category-posts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-column-gap: 1.5rem;
    .bs-widget-title {
        margin-bottom: 0;
    }
    .colinn {
        padding: 0;
        display: grid;
        row-gap: 30px;
    }
    .small-post.bs-post-1 {
        flex-direction: column;
        row-gap: 20px;
        .bs-blog-category {
            position: absolute;
            top: 30px;
            left: 20px;
        }
        .img-small-post {
            height: 370px;
            width: 100%;
        }
        .small-post-content {
            width: 100%;
        }
    }
}
.bs-sidebar .double-category-posts {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
/*---------------------------------------
=========================================
	Multi Post Widget
=========================================
-----------------------------------------*/
.multi-post-widget .bs-blog-post.three.bsm {
    min-height: 233px;
    height: 100%;
}
.multi-post-widget .bs-blog-post.three.bsm .title {
   font-size: 18px;
}
.multi-post-widget .bs-blog-post.three.lg {
    height: 520px;
}
.multi-post-widget.mb-0 .row.gx-1 .col-sm-6{
	display: none;
}
.multi-post-widget.mb-0 .row.gx-1 .col-sm-6:nth-child(1){
	display: block;
}
.multi-post-widget.mb-0 .row.gx-1 .col-sm-6:nth-child(2){
	display: block;
}
.multi-post-widget .inner_columns {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 1.5rem;
    padding: 0;
}
.multi-post-widget .inner_columns.one .post-1 {
    grid-area: 1 / 1 / span 2 / span 2;
}
.multi-post-widget .inner_columns.two .post-3 {
    grid-area: 2 / 1 / span 1 / span 2;
}
.multi-post-widget .inner_columns{
    &.three, &.default {
        grid-template-columns: auto;
    }
}
.multi-post-widget .inner_columns.four {
    grid-template-columns: auto  auto;
}
.multi-post-widget .inner_columns.four .bs-blog-post.bsm{
    height: 470px;
}
.multi-post-widget .inner_columns.five {
    grid-template-columns: auto auto;
}
/*---------------------------------------
=========================================
	Featured Post Widget
=========================================
-----------------------------------------*/
.featured-widget, .featured-tab-widget  {
    .bs-blog-post {
        padding: 0;
        &.lg{
            height: 100%;
            min-height: 400px;
        }
    }
    .colinn {
        display: grid;
        row-gap: 30px;
        align-items: flex-start;
    } 
}
.bypostauthor {
    border-radius: 20px;
}

/*---------------------------------------
=========================================
	Video Post Widget
=========================================
-----------------------------------------*/
.video-tab-widget { 
    margin: auto;
    .bs-blog-post.three.lg { 
        min-height: 565px;
    }
    .colinn.first{
        grid-column: 1 / 3;
        grid-column-start: 1;
        grid-row-start: 1;
        grid-row-end: 3;
    }
    .vertcol{
        overflow-y: scroll;
        height: 565px;
        .tabs {
            flex-direction: column;
            gap: 15px;
            .tab-button {
                padding: unset;
                border: none;
                border-radius: 0;
                text-align: start;
                background: transparent;
            }
        }
        .small-post {
            .bs-btn-play {
                position: absolute;
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 100%;
                span{
                    width: 50px;
                    height: 50px;
                    border-radius: 50px;
                    background-color: rgba(0 0 0 / 50%);
                    text-align: center;
                    line-height: 50px;
                }
            }
        }
    }
    /* width */
    &::-webkit-scrollbar {
        width: 3px;
        border-radius: 3px;
    }
    .video-icon {
        width: 100%;
        height: 100%;
    }
    // .vid_btn {
    //     position: absolute;
    //     top: 50%;
    //     left: 50%;
    //     transform: translate(-50%, -50%);
    //     width: 80px;
    //     height: 80px;
    //     border-radius: 50%;
    //     display: flex;
    //     justify-content: center;
    //     align-items: center;
    //     font-size: 22px;
    //     transition: all 0.8s;
    //     z-index: 9;
    //     cursor: pointer;
    //     &:hover {
    //         width: 90px;
    //         height: 90px;
    //     }
    // }
    // .pause-video {
    //     opacity: 0;
    // }
    // .tab-content:hover .pause-video {
    //     opacity: 1;
    // }
}