.devshark-frontend-portfolio-list{display:flex;flex-wrap:wrap;gap:2%}.devshark-post-item{width:31%;border-radius:15px;display:flex;height:400px;padding:15px;margin-bottom:15px;align-content:flex-end;flex-wrap:wrap;box-sizing:border-box;position:relative;text-decoration:none !important;overflow:hidden}.devshark-post-thumbnail{position:absolute;display:block;background-size:cover;top:0;left:0;width:100%;height:100% !important;object-fit:cover !important;z-index:1;transition:.5s}.devshark-post-item:hover .devshark-post-thumbnail{transform:scale(1.1)}.devshark-post-title{width:100%;font-size:20px;position:relative;z-index:100;margin-bottom:3px !important;color:#fff;text-align:center}.devshark-post-excerpt{width:100%;position:relative;z-index:100;color:#fff;margin-bottom:0 !important;text-align:center}.devshark-post-overly{position:absolute;height:100%;width:100%;top:0;left:0;z-index:2;background:#000;background:linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%)}.devshark-post-item.loading{background:#dfe6e9;border-radius:15px}.devshark-post-title.loading{height:25px;background:#ecf0f1;border-radius:15px}.devshark_portfolio_categories,.devshark_post_pagination{display:flex;justify-content:center;gap:10px;margin-bottom:15px;position:relative;transition:.6s}.devshark_portfolio_categories button,.devshark_post_pagination button{background:#ffffff00;color:#000;border:2px solid #f1c40f;padding:10px;border-radius:20px;transition:.4s;font-family:poppins}.devshark_portfolio_categories button:hover,.devshark_portfolio_categories button.active,.devshark-pagination-item.active{background:#f1c40f;border:2px solid #00000000}.devshark-pagination-wrap{display:flex;position:absolute;opacity:0;visibility:hidden;gap:10px;transition:.5s}.devshark-pagination-wrap.top{animation-name:bottomToCurrentPosition;animation-duration:.5s}.devshark-pagination-wrap.bottom{animation-name:topToCurrentPosition;animation-duration:.5s}.devshark-pagination-wrap.currentToTop{animation-name:currentTopPosition;animation-duration:.5s}.devshark-pagination-wrap.currentTobottomPosition{animation-name:currentTobottomPosition;animation-duration:.5s}@keyframes currentTopPosition{from{top:0}to{top:-40px}}@keyframes currentTobottomPosition{from{bottom:0}to{bottom:-40px}}@keyframes topToCurrentPosition{from{top:-40px}to{top:0}}@keyframes bottomToCurrentPosition{from{bottom:-40px}to{bottom:0}}.devshark-pagination-wrap.active{display:flex;justify-content:space-between;position:relative;opacity:1;visibility:visible;transition:.5s}button.devshark-pagination-item{width:50px;height:auto}button.devshark-data-prev,button.devshark-data-next{background:#f1c40f}.devshark-post-excerpt.loading{height:35px;background:#ecf0f1;border-radius:15px}.devshark-notice{padding:10px;border-radius:20px;font-family:poppins;width:250px;margin:100px auto;background:#f1c40f;font-weight:400;color:#fff}.devshark-notice h4{font-weight:400;color:#000;font-size:16px;margin-bottom:0;text-align:center}.devshark-preLoader{position:fixed;width:250px;padding:25px;background:#000;top:50%;left:50%;border-radius:5px;transform:translate(-50%,-50%);z-index:9999}.devshark-frontend-portfolio-root{position:relative}.devshark-preLoader .dots{display:flex;gap:10px;justify-content:center;margin-top:30px}.devshark-preLoader .dots span{width:14px;height:14px;background:#fff;border-radius:50%;animation:bounce .6s infinite alternate}.devshark-preLoader .dots span:nth-child(2){animation-delay:.2s}.devshark-preLoader .dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{100%{transform:translateY(-14px)}}@media (max-width:1080px){.devshark-frontend-portfolio-list{gap:1%}.devshark-post-item{width:49%}}@media (max-width:768px){.devshark-frontend-portfolio-list{gap:15px}.devshark-post-item{width:100%;height:250px}}