@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
.r_btn{width: 32px; height: 32px; border-radius: 50%; font-size: 18px; display: inline-block; padding:3px; margin: 0 2px;}
.uplode_box{width: 50%; margin: 0 auto; padding: 50px; border-radius: 10px; border: dashed 2px #a5a5a5; color: #a5a5a5;}
.c_table{background: none !important;}
.tab_banner_img{width: 100px; height: 50px; border-radius: 2px; object-fit: cover;}

.post_card {position: relative;}
.post_card .image {display: block; width: 100%; height: auto;}
.post_card .overlay { position: absolute;  bottom: 0; left: 0;    right: 0;
    background-color: #0a0a0a85; overflow: hidden; width: 100%; height: 0; transition: .5s ease;  }
.post_card:hover .overlay { height: 50%; text-align: center; color: #fff; }
.mat-mdc-paginator{background: #2196f3 !important; border-radius: 0 0 5px 5px !important; margin-top: 0 !important;}
.lode_more_btn{background: #dfdfdf; width: 100%; text-align: center; font-weight: bold;  margin-bottom: 10px; border: #a5a5a5 dashed 1px; padding: 10px;}
.post_card .card-img{width: 100%; height: 200px; object-fit:  cover;}