.gray-bg{background:#f7fbff}.blog-wrap{background:#fff;box-shadow:0 5px 83px 0 rgba(40,40,40,.08);border-radius:12px;position:relative;margin-bottom:40px}.blog-wrap::before{content:"";position:absolute;top:0;right:0;height:10px;width:calc(100% - 40px);background-color:#eaeaea;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;border-radius:0 12px 0 0}.blog-wrap:hover:before{background:#0984e3}.blog-content{padding:40px 30px 30px}.blog-meta{display:flex;font-size:14px;align-items:center}.blog-date{margin-left:10px}.blog-title{margin:20px 0}.blog-title .title{font-size:22px;font-weight:900;line-height:32px}.blog-img-wrap{width:calc(100% + 30px);position:relative;transform:translateX(0);margin-bottom:40px;overflow:hidden}.blog-img-wrap img{border-radius:12px 0 0 12px}.blog-cat{position:absolute;bottom:0;right:0;background:#0984e3;padding:6px;border-radius:7px 0 0 0;display:inline-flex;align-items:center;justify-content:center;z-index:2}.blog-cat a{color:#fff;font-size:14px;padding:7px}.blog-more .main-btn.border-btn{border:2px solid #253745;color:#253745;margin-top:20px}.blog-more .main-btn.border-btn:hover{color:#fff;border-color:#253745}.blog-more .main-btn.border-btn:hover::before{background:#253745}.pagination-block{display:block;margin:45px auto}.pagination-block .page-numbers{width:45px;height:45px;line-height:45px;text-align:center;display:inline-block;color:#08273e;font-size:15px;font-weight:600;border:1px solid #e9eef6;border-radius:3px;margin:0 3px;padding:0;transition:all .3s ease 0s}.page-numbers.current{background:#0099f7;color:#fff}.pagination-block .page-numbers:hover{background:#0099f7;color:#fff}.blog-meta{margin:20px 0}.blog-meta span i{color:#0099f7;font-size:20px;margin-right:10px}.blog-bg{background-image:url(../img/breadcrumb/blog-bg.html)}.blog-bg{background-image:url(../img/breadcrumb/blog.webp)}@media (max-width:767px){.blog-content{margin-top:20px}}