.blog-cards-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;padding-top:40px}.blog-card{flex:0 0 100%;min-width:320px;max-width:400px;background:#E4E4E4;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:.3s}.blog-card:hover{transform:translateY(-5px)}.blog-image{width:100%;height:213px !important;overflow:hidden}.blog-image
img{width:100%;height:100% !important;object-fit:cover;border-radius:12px 12px 0 0}.blog-content{padding:12px
16px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.blog-title
a{text-decoration:none;color:#2B2D38;font-family:"DM Sans",sans-serif;font-size:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:50px !important}.blog-button{display:flex;justify-content:center;align-items:center;border-radius:50px;width:70px;height:40px;background:linear-gradient(96deg,#2B3846,#3E4E60);color:#fff !important;text-decoration:none;margin-top:10px;font-size:24px}#load-more{cursor:pointer;padding:10px
20px;background:#2B3846;color:#fff;border-radius:8px;margin-top:20px;border:none}.blog-title
a{text-decoration:none;color:#2B2D38 !important;max-height:50px !important}.blog-title{max-height:51px !important}.blog-title a:hover{text-decoration:none;color:#2B2D38 !important}.load-more-btn-c{display:flex;justify-content:center}#blog-category-filter{border-radius:0px 4px 4px 0px}.blog-filter-container .select-box{border-radius:4px 0px 0px 4px;border:1px
solid #D4D4D4;background:#F7F7F7;width:97px;height:48px;flex-shrink:0;color:#2B2D38;padding:14px
25px;border-right:none}.blog-filter-container .select-box-text{font-family:"DM Sans";font-size:16px;font-style:normal;font-weight:400;line-height:24px}.blog-filter-container{display:flex !important}.blog-filter-container{position:sticky;top:76px;z-index:1000;padding:10px}@media(max-width:767px){.blog-image
img{object-fit:contain}}@media(max-width:600px){.blog-cards-container{padding-left:20px;padding-right:20px}}@media(min-width:600px){.blog-card{flex:0 0 calc(50% - 20px)}}@media (min-width: 992px){.blog-card{flex:0 0 calc(33.333% - 20px)}}