.blog-section {padding: 80px 10%;}
    .blog-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 35px;
    }
    .blog-card {
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 5px 15px rgba(0,0,0,0.15);
      overflow: hidden;
      transition: transform 0.3s ease;
    }
    .blog-card:hover {transform: translateY(-6px);}
    .blog-card img {width: 100%; height: 200px; object-fit: cover;}
    .blog-content {padding: 25px;}
    .blog-content h3 {color: #e60000; font-size: 1.3rem; margin-bottom: 10px;}
    .blog-content p {color: #555; font-size: 1rem; line-height: 1.6;}
    .read-more {
      display: inline-block; margin-top: 10px;
      color: #e60000; font-weight: 600; text-decoration: none;
      transition: color 0.3s ease;
    }
    .read-more:hover {color: #b30000;}

    /* Section headings */
    .section-title {text-align: center; font-size: 2rem; color: #111; margin: 60px 0 20px; font-weight: 700;}
    .section-title span {color: #e60000;}

    @media(max-width:768px){
      .hero-section h1 {font-size: 2rem;}
      .hero-section p {font-size: 1rem;}
    }