.header-b h1{
    text-transform: uppercase;
    font-weight: bold;
    color: #325ca4;
}
.p-color{
    color: #325ca4;
}
.page-item .circle{
    border-radius: 20px;
    background: #fff;
}
.page-item .circle:hover{
    border-radius: 20px;
    background: #3bb34a;
}
.page-item .bt{
    border: none;
    margin-right: 20px;
    margin-left: 20px;
}
.page-item .bt:hover{
    border: none;
    margin-right: 20px;
    margin-left: 20px;
    background: #fff;
}
.search header .h6{
    color: #325ca4;
    margin: 0 0 1.5rem 0;
}

.latest header .h6{
    color: #325ca4;
    margin: 3rem 0 1.5rem 0;
}
.image{
    height: 100px;
    width: 100px;
}
.image img{
    border-radius: 80px;
    margin: 1rem 0 1rem 0;
    border: #325ca4 solid 5px;
}

.border-bg{

    border: #ccc solid 1px;
    border-radius: 20px;
    padding: 0 .5rem 0 .5rem;
}
.border-bg:hover{

    border: rgb(235, 232, 232) solid 1px;
    border-radius: 20px;
    padding: 0 .5rem 0 .5rem;
    background: #3bb34a;
}
@media (max-width: 575.98px) {
 .search{
     margin-top: 3rem;
 }
 .search header .h6{
     text-align: center;
 }
 .latest header .h6{
     text-align: center;
 }
}

@media (max-width: 767.98px) { 
    .search{
        margin-top: 3rem;
    }
    .search header .h6{
        text-align: center;
    }
    .latest header .h6{
        text-align: center;
    }
}


.views, .comments, .title{
    color: #325ca4;
    text-decoration: none;
}
.views, .comments, .title:hover{
    color: #325ca4;
    text-decoration: none;
}