/********************Blog*******************/
.list-blog-home{
    border: 0.1rem solid var(--Lgrey);
    border-radius: var(--b-radius);
}
.list-blog-home{
    img{
        border-radius: var(--b-radius);
    }
}
.breadcrumb-Blog{
    a{
        color: var(--Black) !important;
    }
}
.BlogListTop{
    img{
        border-radius: var(--b-radius);
    }
    h3::before{
        content: "";
        height: 0.5rem;
        width: 0.5rem;
        border-radius: 1rem;
        background-color: var(--accent-color);
    }
    .list-blog-top{
        transition: all 0.5s linear;
        &:hover{
            filter:grayscale(90%);
        }
    }
    
   
}
.title-blog-home{
    color: var(--accent-color) !important;
}
.blog-list-swip{
    .arrow-middle-blog{
        filter: brightness(90%);
        cursor: pointer;
    }
    .arrow-middle-next{
        transform: scale(-1,1);
    }
    .swiper-button-disabled{
        filter: brightness(100%);
    }
    .swiper-slide{
        height: unset !important;
        .inner-blog-middle{
            border-radius: var(--b-radius);
            img{
                border-radius: var(--b-radius);
            }
        }
    }
   
}
.inner-blog-list{
    border: 0.1rem solid var(--Lgrey);
    border-radius: var(--b-radius);
    overflow: hidden;
}
.BlogList{
    img{
        border-radius: var(--b-radius);
    }
}
.detail-blog{
    img{
        border-radius: var(--b-radius);
       
    }
    .article-desc{
        img{
            width: 100%;
            height: auto;
        }
    }
    .breadcrumb-detail{
        a{
            color: var(--Black) !important;
        }
       
    }
    h1::before{
        content:"";
        width: 0.4rem;
        height: 0.4rem;
        border-radius: 1rem;
        background-color: var(--accent-color);
    }
    svg{
        max-width: 1.3rem;
        max-height: 1.3rem;
    }
    .inner-heading{
        gap: 7rem;
    }
    a{
        color: var(--accent-color) !important;
    }
    .btn-heading-a{
        opacity: 0;
        z-index: -1;
    }
    .btn-heading-a.active {
        right:0;
        left:0;
        top:0;
        bottom:0;
       z-index: 999;
        opacity: 1;
    }
   
    .btn-heading-b{
       
        opacity:0;
    }
    .btn-heading-b.active{
        opacity:1;
        z-index: 99999;
    }
    .box-title-desc{
       
       height:0rem;
     
        overflow:hidden;
         transition: height 0.5s linear;
    }
    .box-title-desc.active{
      height:auto;
    overflow: unset;
        
    }
    .box-heading-title{
        border-radius: var(--b-radius);
    }
    .box-ad{
        img{
            border-radius: var(--b-radius);
        }
    }
    .header-related{
        border-radius: var(--b-radius);
    }
    .related-blog-lists{
        list-style: none;
        
    }
}

/************************************/