.top-images{background-image:url("../images/blog/top.jpg");background-position:50% 90%}.blog-list{display:grid;grid-template-columns:repeat(3, 1fr);gap:100px}.blog-item:hover .blog-btn:after{transform:scaleX(1);transform-origin:left center}.blog-item:hover .blog-img{opacity:.7}.blog-img img{width:100%}.blog-info{font-size:.75rem;margin-top:10px;padding:2px 5px;background:#f2f2f2}.blog-content{margin-top:20px}.blog-title{color:#000;margin-bottom:20px}.blog-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.blog-btn{position:relative;width:-moz-fit-content;width:fit-content;margin-top:30px;font-size:.75rem}.blog-btn:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:1px;background:#ccc;transform:scaleX(0);transform-origin:right center;transition:transform .6s}@media screen and (max-width: 1440px){.blog-inner{padding:0 60px}}@media screen and (max-width: 1100px){.blog-list{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 800px){.blog-list{gap:60px}}@media screen and (max-width: 640px){.blog-inner{padding:0 5vw}.blog-list{grid-template-columns:repeat(1, 1fr)}}