section.home-blog-section {
    background: #eef3ff;
}
.blog-card {
    background: #ffffff !important;
    margin: 10px 0px;
}
 .blog-card {
          border: none;
          border-radius: 12px;
          overflow: hidden;
          box-shadow: 0 2px 8px rgba(0,0,0,0.1);
          transition: all 0.3s ease;
          height: 100%;
        }
        
        .blog-card:hover {
          transform: translateY(-8px);
          box-shadow: 0 8px 24px rgba(0,0,0,0.15);
        }
        
        .blog-img-wrapper {
          position: relative;
          height: 240px;
          overflow: hidden;
        }
        
        .blog-img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: transform 0.5s ease;
        }
        
        .blog-card:hover .blog-img {
          transform: scale(1.1);
        }
        
        .category-badge {
          position: absolute;
          top: 16px;
          left: 16px;
          background: rgba(0, 0, 0, 0.95);
          color: #fdfdfdff;
          padding: 6px 16px;
          border-radius: 20px;
          font-size: 13px;
          font-weight: 600;
          z-index: 1;
        }
        
        .blog-content {
          padding: 24px;
        }
        
        .blog-title {
          font-size: 20px;
          font-weight: 700;
          color: #212529;
          margin-bottom: 12px;
          line-height: 1.4;
          transition: color 0.3s ease;
          text-decoration: none;
        }
        
        .blog-card:hover .blog-title {
          color: #0d6efd;
        }
        
        .blog-excerpt {
          color: #6c757d;
          font-size: 15px;
          line-height: 1.6;
          margin-bottom: 16px;
        }
        
        .read-more {
          color: #0d6efd;
          text-decoration: none;
          font-weight: 600;
          font-size: 14px;
          display: inline-flex;
          align-items: center;
          transition: all 0.3s ease;
        }
        
        .read-more:hover {
          color: #0a58ca;
          gap: 8px;
        }
        
   
        
        .read-more:hover::after {
          margin-left: 8px;
        }
        
        .page-header {
          background: linear-gradient(135deg, #000000ff 0%, #272727ff 100%);
          color: white;
          padding: 80px 0;
          margin-bottom: 60px;
        }
        
        .page-title {
          font-size: 48px;
          font-weight: 700;
          margin-bottom: 16px;
        }
        
        .page-subtitle {
          font-size: 20px;
          opacity: 0.95;
        }