.blog-items .item .thumb{
                   position: relative;
                   height: 300px;
                   overflow: hidden;
                   border-radius: 10px;
               }
               .blog-items.news .item .thumb{
                   position: relative;
                   height: 250px;
               }
               .blog-items .item{
                    box-shadow: 0 0 10px #cccccc;
                    background: #ffffff;
                    border-radius: 20px;
                    padding: 10px;
                    overflow: hidden;
               }
               .blog-items.news .item .thumb img{
                   position: relative;
                   height: 250px;
               }
               .blog-items .item .thumb img{
                   height: 400px;
                   border-radius: 10px;
               }
               .blog-items .item .thumb .info{
                        position: absolute;
                        top: 50%;
                        left: 0;
                        height: 100%;
                        width: 100%;
                        display: grid;
                        place-content: center;
                        background: #000000ad;
                        padding: 0 10%;
                        visibility: hidden;
                        opacity: 0;
                        transition: 0.5s;
                        
               }
               .blog-items .item .thumb .overlay{
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        height: 50%;
                        width: 100%;
                        display: grid;
                        place-content: center;
                        background: linear-gradient(#14141400, #000000b8);
                        padding: 0 10%;
                        visibility: visible;
                        opacity: 1;
                        transition: 0.5s;
                        
               }
               .blog-items .item:hover .thumb .overlay{
                   visibility: hidden;
                   opacity: 0;
                   bottom: -50%;
               }
               .blog-items .item:hover .thumb .info{
                   visibility: visible;
                   opacity: 1;
                   top: 0;
               }
               .blog-items .item .thumb .overlay *{
                   color: white;
                   text-align: center;
                   font-family: cursive;
                   background-color: #000000ad;
               }
               .blog-items .item .thumb .info *{
                   color: white;
                   text-align: center;
                   font-family: cursive;
               }
               .blog-items .item .thumb .info .read{
                   color: aqua;
               }
               .blog-items .item .thumb img{
                   border: none;
                   border-radius: 0;
                   padding: 0;
               }
               .top-author .author-items .item h5{
                   font-weight: 500;
                   transition: 0.3s;
               }
               .top-author .author-items .item:hover h5 a{
                   color: #ffb606;
               }
                .features{
                    display: flex;
                    
                    justify-content: center;
                }
                .feacher-widht-auto{
                    width: 100%;
                    height: 320px;
                }
                .feature-width-grow{
                    width: 100%;
                    height: 320px;
                }
                .pview2 {
                    background: #47b578;
                    padding: 5px;
                    color: #fff;
                    border-radius: 5px;
                }
                @media(max-width: 775px){
                    .features{
                        flex-wrap: wrap;
                    }
                }
                @media (min-width: 560px){
                    
                    .feacher-widht-auto{
                        width: 400px;
                    }
                    .feature-width-grow{
                        width: 60%;
                        margin-left: 10px;
                        flex-grow: 1;
                    }
                }