.blog-card-wrapper{padding:20px;display:flex;justify-content:center;align-items:center}.blog-card{max-width:700px;width:100%;background:#fff;display:flex;overflow:hidden;transition:all .3s ease}.blog-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.12);transform:translateY(-2px)}.blog-sidebar{width:200px;padding:0 20px;height:100%;display:flex;align-items:end;justify-content:end;flex-direction:column;gap:30px}.categories{width:100%;text-align:end}.category-tag{font-size:.875rem;width:100%;text-align:justify;color:#333;font-weight:500;padding:0;cursor:pointer;transition:color .3s ease}.category-tag:hover{color:#007bff}.meta-info{display:flex;align-items:end;justify-content:end;flex-direction:column;gap:16px}.meta-item{display:flex;align-items:center;gap:10px;font-size:.875rem;color:#666}.meta-item svg{flex-shrink:0;color:#5a5a5a}.blog-content{flex:1 1;display:flex;flex-direction:column}.blog-image{width:100%;height:250px;object-fit:cover;overflow:hidden}.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-text{padding:10px 0;display:flex;flex-direction:column}.blog-title{font-size:1.5rem;font-weight:700;color:#222;margin:0;line-height:1}.blog-description{font-size:.95rem;color:#666;line-height:1.6;margin:.5rem 0}.view-more-btn{align-self:flex-start;padding:10px 24px;background:#006969;color:#fff;border:none;border-radius:2px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.view-more-btn:hover{background:#003f3f;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,123,255,.3)}@media (max-width:768px){.blog-card{flex-direction:column}.blog-sidebar{width:100%;flex-direction:row;justify-content:space-between;border-right:none;padding:20px}.categories{flex-direction:row;flex-wrap:wrap}.category-tag:not(:last-child):after{content:","}.meta-info{flex-direction:row;flex-wrap:wrap;gap:12px}.blog-image{height:220px}.blog-text{padding:20px}.blog-title{font-size:1.5rem}.blog-description{font-size:.9rem}}@media (max-width:480px){.blog-sidebar{flex-direction:column;gap:20px}.meta-info{flex-direction:column;align-items:flex-start}.blog-title{font-size:1.25rem}.view-more-btn{width:100%}}