.blog-filter-bar{display:flex;flex-wrap:wrap;gap:22px;margin-bottom:40px}.filter-btn{background:#fff;border:1px solid #391474;border-radius:24px;color:#391474;cursor:pointer;padding:10px 18px}.filter-btn:hover{background-color:#d14261;border-color:#d14261;color:#fff}.filter-btn.active{background:#391474;color:#fff}.blog-grid{display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.blog-card{background:#fff;border-radius:20px;border-bottom-left-radius:0;overflow:hidden}.blog-grid .blog-card a{display:block;height:100%;overflow:hidden;position:relative;text-decoration:none!important}.blog-grid .blog-card .blog-image{height:250px;overflow:hidden;position:relative}.blog-grid .blog-card .blog-image img{height:100%;object-fit:cover;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;transition:all .6s ease-in-out;width:100%}.blog-grid .blog-card .blog-body{padding:20px}.blog-grid .blog-card .blog-body .blog-tags{align-items:center;display:flex;gap:10px;margin-bottom:15px}.blog-grid .blog-card .blog-body .blog-tags span{background:#cdb1d8;border-radius:20px;color:#000;font-size:14px;line-height:120%;padding:6px 12px}.blog-grid .blog-card .blog-body h4{color:#121212;font-family:outfit;font-size:28px;font-weight:600;line-height:120%;margin-bottom:15px}.blog-grid .blog-card .blog-body p{color:#121212;font-size:18px;line-height:120%;margin-bottom:20px}.blog-grid .blog-card .blog-body .button-box span{align-items:center;background-color:#d14261;border-radius:50%;display:flex;height:50px;justify-content:center;line-height:50px;margin-left:auto;text-align:center;width:50px}.blog-grid .blog-card a:hover{text-decoration:none}.blog-grid .blog-card a:hover .blog-image img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)}.blog-grid .blog-card a:hover .blog-body h4,.blog-grid .blog-card a:hover .blog-body p{color:#391474}.blog-grid .blog-card a:hover .blog-body .button-box span{background-color:#391474}@media(max-width:991px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.blog-grid{grid-template-columns:repeat(1,1fr)}}@media(max-width:575.98px){.blog-filter-bar{gap:15px}}