#bvcx {
    justify-content: flex-end;
}
.redirect-lbry:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(58deg) brightness(103%) contrast(102%);
}
#category .card {
    height: 250px !important;
    transition: 0.5s;
    overflow: hidden;
    a {
        color:rgb(255, 255, 255) !important;
    }
}
#category .card:hover {
    transform: scale(1.02);
}
#category .card img {
    transition: 0.5s;
}
#category .card:hover img {
    transform: scale(1.07);
}
.mark_read {
    background: #0D338C;
}
#share {
    filter: brightness(0) saturate(100%) invert(7%) sepia(85%) saturate(5954%) hue-rotate(225deg) brightness(109%) contrast(90%);
}
.book_mark{
    width: 22px;
    height: 30px;
    background: none!important;
}
.marked, .liked {
    filter: brightness(0) saturate(100%) invert(18%) sepia(59%) saturate(5660%) hue-rotate(355deg) brightness(92%) contrast(87%);
}
.favorite {
    width: 25px;
    height: 22px;
}
.dtl_img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    filter: blur(5px);
    background-repeat: round!important;
    background-size: 100% 100%!important;
    width:100%;
}
.pagination {
    --bs-pagination-border-width: 0px;
    --bs-pagination-color: #264e8b;
    --bs-pagination-active-bg: #264e8b;
    --bs-pagination-active-border-color: #264e8b;
    --bs-pagination-disabled-bg: #ffffff;
    --bs-pagination-disabled-color: #d0cccc;
    --bs-pagination-border-radius: 5px;
}
.page-link:focus {
    outline: none;
    box-shadow: none;
    background-color: none;
}
.page-link {
    border-radius: 6px;
}
.nxt_stry {
    width: 8px;
    filter: brightness(0) saturate(100%);
}
.my-lbry {
    width: 13%;
}
#next_story p {
    margin-bottom: 0px;
}
.popover-body {
    padding: 2px!important;
}
.facebook, .twitter, .whatsapp {
    width: 40px;
}


.mhn-slide .owl-next {
    right: -22px;
}
.mhn-slide .owl-prev {
    left: -22px;
}
.mhn-slide .owl-prev, .mhn-slide .owl-next {
    top: 37%;
    z-index: 2;
    width: 30px;
    height: 30px;
    padding: 8px;
    margin-top: -9px;
    position: absolute;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: none;
}
@media (max-width: 1024px){
    .mhn-slide .owl-next {
        right: -16px;
    }
    .mhn-slide .owl-prev {
        left: -16px;
    }
}
@media (max-width: 600px){
    .gap-5 {
        gap: 1rem !important;
    }
    .book_detail .d-flex {
        flex-flow: wrap;
        justify-content: center;
    }
    #category .card {
        height: 220px !important;
        padding: 0.5rem;
    }
    .mb-4 {
        margin-bottom: 0rem !important;
    }
}