.blog-listing-main{padding:80px 0}.list-item-wraper{display:grid;gap:32px;grid-template-columns:repeat(3,minmax(0,1fr))}.blog-item .feature-img{line-height:0;overflow:hidden;position:relative}.blog-item .tag-list ul{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:flex-start;list-style:none;margin:0 0 16px;padding:0}.blog-item .tag-list ul li a{background-color:hsl(var(--secondary));border-radius:100px;color:#fff;font-size:12px;line-height:normal;padding:2px 10px;text-decoration:none}.blog-item .tag-list ul li a:hover{background-color:hsl(var(--secondary)/.8)}.blog-item .bottom-content{padding:24px}.blog-item .heading h2{color:hsl(var(--foreground));font-size:18px;font-weight:700;line-height:1.5;margin:0 0 12px;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.blog-item .sort-text p{color:hsl(var(--muted-foreground));display:-webkit-box;font-size:14px;line-height:1.625;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:0 0 12px;overflow:hidden}.blog-item .sort-text p:last-child{margin:0}.blog-item .sort-text{margin:0 0 16px}.blog-item .date-and-readmore-link{align-items:center;display:flex;justify-content:space-between}.blog-item .date-and-readmore-link .date p{color:hsl(var(--muted-foreground));font-size:12px;line-height:1.5;margin:0}.blog-item .date-and-readmore-link .date p svg{height:12px;margin:0 4px 0 0;vertical-align:baseline;width:12px}.blog-item .date-and-readmore-link .read-more-link a{border-radius:10px;color:#0070cc;font-size:14px;font-weight:500;line-height:normal;margin:0;text-decoration:none}.blog-item .date-and-readmore-link .read-more-link svg{height:16px;margin:0 0 0 4px;vertical-align:middle;width:16px}.blog-item:hover .date-and-readmore-link .read-more-link a{--tw-translate-x:.25rem;border-radius:10px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.blog-item:hover .date-and-readmore-link .read-more-link a:hover{background-color:hsl(var(--accent));color:hsl(var(--primary)/.8)}.blog-item .tag-list ul li{line-height:0}.blog-item .feature-img:after{content:"";--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-from:rgba(0,0,0,.5) var(--tw-gradient-from-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);background-image:linear-gradient(to top,var(--tw-gradient-stops));height:100%;left:0;position:absolute;top:0;width:100%}.blog-item:hover .feature-img img{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.blog-item .feature-img img{animation-duration:.3s;height:100%;object-fit:cover;transition-duration:.3s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.blog-listing-main .blog-pagination .hs-pagination{margin:64px 0 0}.blog-item:hover .heading h2{color:hsl(var(--primary))}@media screen and (max-width:880px){.list-item-wraper{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-listing-main .blog-pagination .hs-pagination{margin:54px 0 0}}@media screen and (max-width:767px){.blog-listing-main{padding:60px 0}.list-item-wraper{grid-template-columns:repeat(1,minmax(0,1fr))}.blog-listing-main .blog-pagination .hs-pagination{margin:44px 0 0}}