:root {
--text_primary: #4c4c4c;
    --primary_color: #2451A0;
    --third_color: #d57200;


    --primary_color_70: #2451a070;
    --third_color_70: #d5720070;
    --third_color_hover_bg:#d5720036;
}

.blog_page{

}



.blog_page .filter_section{

    color: var();

}
.blog_page .filter_section .sec_title{
    margin: 15px 0;
        padding-bottom: 10px;
        position: relative;
        color: #000;
        font-size: 18px;
        margin: 10px 0;
        font-weight: 700;
}

.blog_page .filter_section .sec_title::after {

    content: '';
    position: absolute;
    background: var(--third_color);
    bottom: 0;
    left: 0;
    height: 3px;
    width: 50px;
}



.blog_page .filter_section .search{
    margin-bottom: 20px;
}


.blog_page .filter_section .search input{
    border: 1px solid var(--primary_color_70);
}

.blog_page .filter_section .search button{
        background: #d57200;
            color: #fff;
            border: unset;
}



.blog_page .filter_section .categories{

}
.blog_page .filter_section .categories ul {
    margin-inline-start: 10px;
}
.blog_page .filter_section .categories ul li{
    padding: 5px 0;
    margin-bottom: 5px;

}
.blog_page .filter_section .categories ul li span{
    margin: 8px 0;
        font-size: 19px;
        color: var(--primary_color);
        font-weight: 500;
            transition: .2s ease-in-out;
}

.blog_page .filter_section .categories ul li .icon {
    margin-inline-end: 5px;

    font-size: 17px;
    color: #353535;
    font-weight: 500;
}


.blog_page .filter_section .categories ul li:hover span ,.blog_page .filter_section .categories ul li:hover .icon{
    color: var(--third_color);
}

.blog_page .filter_section .tags{

}

.tags .list_tags{
    margin-inline-start: 10px;
    display: flex;
    flex-wrap: wrap;
}
.tags .list_tags .single{
    display: block;
    margin: 5px;
    padding: 7px;
    background: #2451a026;
    color: var(--primary_color);
    font-size: 15px;
    border-radius: 5px;
    font-weight: 700;
        transition: .3s ease-in-out;
}


 .tags .list_tags .single:hover {

    color: #fff;
    background: var(--primary_color);

}





/*//////// blog page list //////////////////// */


.blog_page .blog_list{
    padding-bottom: 10px;
}

.blog_page .blog_list .single_blog{
    background: #fff;
    margin: 30px 20px;
    /* box-shadow: 3px 4px 12px #d3d3d3f5, -3px -4px 12px #d3d3d3f5; */
    border-radius: 5px;
    padding: 20px;
        border: 1px solid #91919154;
}
.blog_page .blog_list .single_blog .thumbnail_holder{}

.blog_page .blog_list .single_blog .thumbnail_holder img {
        /* height: 400px; */
            border-radius: 5px;
}


.blog_page .blog_list .single_blog .thum_under {
    margin: 10px 0;
        color: #403f3f;
            font-size: 13px;
            font-weight: 800;
}

.blog_page .blog_list .single_blog .title {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    margin: 15px 0;
    cursor: pointer;
}
.blog_page .blog_list .single_blog .title:hover{
    color: var(--primary_color);
}

.blog_page .blog_list .single_blog .brief{
font-size: 18px;
color: var(--text_primary);
margin: 10px 0;
}

.blog_page .blog_list .single_blog .btm_plus{
align-items: center;
    display: flex;
    justify-content: space-between;
    font-size: 17px;
    color: var(--primary_color);
}


.blog_page .blog_list .single_blog .btm_plus .in{
cursor: pointer;
    padding: 10px;
    font-weight: 700;
        transition: .3s ease-in-out;
}


.blog_page .blog_list .single_blog .btm_plus .in:hover {
  
    background: var(--third_color_hover_bg);
    border-radius: 5px;
}



.blog_page .blog_list .single_blog .btm_plus .icon{
    cursor: pointer;
    font-size: 20px;
        padding: 10px;
            border-radius: 50%;
                transition: .3s ease-in-out;
            
            /* flex: 0 0 0px; */
            height: 42px;
            width: 42px;
            display: flex;
            justify-content: center;
            align-items: center;
}

.blog_page .blog_list .single_blog .btm_plus .icon:hover{
    background: var(--third_color_hover_bg);
}




.blog_page .blog_list .pagination .page-link {

        color: var(--primary_color) ;
}
.blog_page .blog_list .pagination .page-item.disabled .page-link{
    color: var(--text_primary);
}
.blog_page .blog_list .pagination .active .page-link {
    background: var(--primary_color);
}
/*//////// end blog page list //////////////////// */















/* //////////////  Single article /////////////////////// */

.single_article_holder .single_article{
border-radius: 5px;
    /* box-shadow: 6px 4px 7px #7171716e; */

            border: 1px solid #9e9e9e47;
}
.single_article_holder .single_article .core{
    padding: 15px;
}
.single_article_holder .single_article .thumbnail_holder img{
    border-radius: 5px 5px 0 0;
    width: 100%;
}
.single_article_holder .single_article .date {
    margin: 5px 0;
    text-align: end;
    font-size: 14px;
    color: #403f3f;
}
.single_article_holder .single_article .brief {
    padding: 15px;
    color: var(--text_primary);
    font-size: 20px;

}
.single_article_holder .single_article .content {
    color: #000;
    line-height: 1.5;
    font-size: 19px;
}
.single_article_holder .single_article .btm_sec {
    display: flex;
    padding: 5px 0;
    border-top: 1px solid #9e9e9e47;
        align-items: center;
}

.single_article_holder .single_article .btm_sec .tags {
    display: flex;
}


.single_article_holder .single_article .btm_sec .tags .title {
    display: block;

            white-space: nowrap;
            margin-inline-start: 2px;
            font-size: 15px;
            color: #606060;
            font-weight: 600;
            margin-top: 10px;
}


.single_article_holder .single_article .btm_sec .share {
    flex: 1;
    display: flex;
        justify-content: flex-end;
}
.single_article_holder .single_article .btm_sec .share .single {
    border-radius: 5px;
        background: var(--primary_color);
        height: 40px;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-inline-end: 7px;
        font-size: 19px;
        color: #fff;
}
.single_article_holder .single_article .btm_sec .share .single.tw{
background: #00b1cd;
}
.single_article_holder .single_article .btm_sec .share .single.fb {
    background: #0062cb;
}