.blog-filters{display:flex;justify-content:center;gap:14px;margin-bottom:50px}.blog-filters button{padding:12px 26px;border-radius:40px;border:2px solid #fff;background:#000;font-weight:600;cursor:pointer;color:#fff}.blog-filters .active{background:#fff;color:#000}.blog-filters button:hover{background:#fff;color:#000}.success-story-card{background:#fff;border-radius:26px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 60px rgba(0,0,0,.12);transition:.35s ease;position:relative}.blog-card{background:#fff;border-radius:26px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 60px rgba(0,0,0,.12);transition:.35s ease;position:relative}.blog-card:hover{transform:translateY(-6px)}.blog-card::after{content:"↗";position:absolute;top:22px;right:26px;font-size:22px;opacity:0;transition:.3s}.blog-card:hover::after{opacity:1}.blog-card img{object-fit:cover}.blog-content{padding:26px}.blog-content h3{font-size:22px;line-height:1.3;margin-bottom:14px}.blog-content p{color:#6b7280;font-size:16px;line-height:1.6}@media (max-width:1024px){.blog-content h3{font-size:20px}.blog-content p{font-size:15px}}@media (max-width:940px) and (min-width:768px){.blog-filters{display:block;margin-bottom:50px;text-align:center}.blog-filters button{margin-bottom:10px}}@media (max-width:767px){.blog-filters{flex-wrap:wrap;gap:10px}.blog-filters button{padding:10px 18px;font-size:14px}.blog-card{border-radius:20px}.blog-content{padding:20px}.blog-content h3{font-size:19px}.blog-content p{font-size:14px;line-height:1.5}.blog-card::after{display:none}}@media (max-width:480px){.blog-content h3{font-size:18px}.blog-content p{font-size:13.5px}}