*{
    font-family: Nunito;
}
/*.li-blog a ,.li-blog a:hover{*/
/*    color: var(--bs-blue) !important;*/
/*    text-decoration: none !important;*/
/*}*/
li.li-blog a.active {
    color:  var(--bs-primaryhover) !important;
}
.nav-style{
    top: 0px !important;
}
.bloginto{
    height: 500px;
    border-radius: 15px;
    background-position: center;
    background-size: cover;
    margin-top: 20%;
}
.bloginto-title{
    color: #3C597B;
    font-size: 20px;
    font-weight: bold;
}
.img-bloginto{
    border-radius: 50%;
}
.name_date_bloginto{
    color: #3C597B;
    font-size: 15px;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin: 0px;
}
.blog-into-text{
    color:#3C597B;
}
.imge-blog {
    width: 100%;
}
.search{
    /*color: var(--darkblue);*/
    font-size: 20px;
    margin-top: 20%;
    font-weight: bold;
}
.search_box{
    margin-top: 6%;
}
.input-search-blog{
    /*border: 1px solid var(--darkgray);*/
    border-radius: 7px;
}
.input-search-blog:focus{
    box-shadow: none;
    /*border: 1px solid var(--darkgray);*/
}
.input-search-blog::placeholder{
    /*color: var(--darkgray);*/
}
.btn-search-blog , .btn-search-blog:hover{
    background:#06b6c2;
    border-radius: 7px;
    color: white;
    font-weight: bold;
}
.btn-search-blog:focus{
    box-shadow: none;
}
.blog_figure{
    background-position: center;
    background-size: cover;
    height: 70px;
    border-radius: 7px;
}
.p-right-blog{
    color: #3C597B;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
}
.p-right-blog:hover{
    color: #3C597B;
    text-decoration: none;
}
.date_blog{
    color:#3C597B;
    font-weight: bold;
}
.lastpost-title ,.category_blog{
    color: #3C597B;
    font-size: 20px;
    font-weight: bold;
}
.li-blog a ,.li-blog a:hover{
    color:#3C597B;
    text-decoration: none;
}
::marker{
    color: #06b6c2;
}
.left-side-single-blog a:hover{
    color: #06b6c2 !important;
}
.search_box a:hover{
    color:#06b6c2 !important;
}
.left-side-single-blog ul{
    list-style: none;
}
.left-side-single-blog a{
    color:#06b6c2;
    text-decoration: none;
}
.left-side-single-blog:hover a{
    color: #06b6c2;
    text-decoration: none;
}
.left-side-single-blog img {
    display: table;
    margin: auto;
    margin: 4% auto;
}
p img{
    border-radius: 11px  !important;
}
.mt-style{
    color:#3C597B;
}
p img{
    width: 100%;
}
figure.bloginto{
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
/*responsive---------------------------------------------------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 567px){
    .bloginto {
        height: 200px;
        border-radius: 15px;
        background-position: center;
        background-size: cover;
        margin-top: 35%;
    }
    .mt-style{
        margin-top: 0px !important;
    }
    p img{
        width: 100% !important;
        border-radius: 11px  !important;
    }
    .rw-single {
        padding-left: 1rem !important;
    }
}
/*responsive---------------------------------------------------------------------------*/